WIP

palavatv · Nov 26, 2021 · 9f2a77d · 9f2a77d
1 parent 4a49a35
commit 9f2a77d
Showing 1 changed file with 13 additions and 12 deletions.
diff --git a/src/components/Party.vue b/src/components/Party.vue
@@ -25,7 +25,8 @@
         <button
           :title="$t('party.infoTitle')"
           class="control control--info"
-          @click="$emit('open-info-screen', 'about')"
+          @click="$emit('open-info-screen', 'about'); $refs.info.blur()"
+          ref="info"
           v-if="controlsActive"
           >
           <inline-svg
@@ -40,7 +41,7 @@
         <button
           :title="$t('party.copyLinkTitle')"
           class="control control--copy-link"
-          @click="copyShareLink"
+          @click="copyShareLink(); $refs.copyLink.blur()"
           ref="copyLink"
           v-if="controlsActive && canShare"
           >
@@ -56,7 +57,8 @@
         <button
           :title="cameraOff ? $t('party.turnOnCameraTitle') : $t('party.turnOffCameraTitle')"
           class="control control--camera"
-          @click="toggleCamera"
+          @click="toggleCamera(); $refs.camera.blur()"
+          ref="camera"
           v-if="controlsActive && localPeer.hasVideo()"
           >
           <inline-svg
@@ -71,7 +73,8 @@
         <button
           :title="microphoneMuted ? $t('party.unmuteMicrophoneTitle') : $t('party.muteMicrophoneTitle')"
           class="control control--microphone"
-          @click="toggleMicrophone"
+          @click="toggleMicrophone(); $refs.microphone.blur()"
+          ref="microphone"
           v-if="controlsActive && localPeer.hasAudio()"
           >
           <inline-svg
@@ -101,7 +104,8 @@
           :title="$t('party.openTextChatTitle')"
           class="control control--text-chat"
           :class="{'control--alert': this.chatNewMessages}"
-          @click="toggleChat"
+          @click="toggleChat(); $refs.chat.blur()"
+          ref="chat"
           v-if="controlsActive"
           >
           <inline-svg
@@ -117,7 +121,7 @@
           :title="$t('switchLanguageTitle')"
           class="control control--switch-language"
           ref="switchLanguage"
-          @click="switchLanguage"
+          @click="switchLanguage(); $refs.switchLanguage.blur()"
           v-if="controlsActive"
           >
           <span :aria-label="$t('switchLanguageAlt')">{{ $root.$i18n.locale }}</span>
@@ -128,6 +132,8 @@
         <router-link to="/"
           :title="$t('party.hangUpTitle')"
           class="control control--hang-up"
+          @click="$refs.hangup.blur()"
+          ref="hangup"
           v-if="controlsActive"
           >
           <inline-svg
@@ -163,6 +169,7 @@
           v-if="chatOpen"
           :chatMessages="chatMessages"
           :localPeerId="localPeer.id"
+          :peerCount="peers.length"
           @send-chat-message="(message) => $emit('send-chat-message', message)"
           />
         <Peer v-for="peer in stagePeers"
@@ -456,12 +463,6 @@ export default {
       width: $large-control-size;
     }
     @include knob();
-    &:focus, &:hover {
-      &::after {
-        top: 120%;
-        left: 0;
-      }
-    }
 
     &--alert {
       background-color: red;