diff options
author | Grigorii Shartsev <grigorii.shartsev@nextcloud.com> | 2023-05-03 16:40:26 +0200 |
---|---|---|
committer | Grigorii Shartsev <grigorii.shartsev@nextcloud.com> | 2023-05-03 18:02:42 +0200 |
commit | a6f2cd880d33d2d377d174db008059a0ea1f4251 (patch) | |
tree | 949a48a4ffabe11168466634ea93545a4b43846c /src | |
parent | d4ae87e15d11568c7d413f346f34f575268b51ac (diff) |
fix(ViewerOverlay): use secondary styled buttons
Signed-off-by: Grigorii Shartsev <grigorii.shartsev@nextcloud.com>
Diffstat (limited to 'src')
-rw-r--r-- | src/components/CallView/shared/ViewerOverlayCallView.vue | 12 |
1 files changed, 6 insertions, 6 deletions
diff --git a/src/components/CallView/shared/ViewerOverlayCallView.vue b/src/components/CallView/shared/ViewerOverlayCallView.vue index 3661ff975..98b85935c 100644 --- a/src/components/CallView/shared/ViewerOverlayCallView.vue +++ b/src/components/CallView/shared/ViewerOverlayCallView.vue @@ -29,7 +29,7 @@ }"> <div class="viewer-overlay__collapse" :class="{ collapsed: isCollapsed }"> - <NcButton type="tertiary" + <NcButton type="secondary" class="viewer-overlay__button" :aria-label=" isCollapsed ? t('spreed', 'Collapse') : t('spreed', 'Expand') @@ -45,7 +45,7 @@ <Transition name="slide-down"> <div v-show="!isCollapsed" class="viewer-overlay__video-container"> <div class="video-overlay__top-bar"> - <NcButton type="tertiary" + <NcButton type="secondary" class="viewer-overlay__button" :aria-label="t('spreed', 'Expand')" @click.stop="maximize"> @@ -76,12 +76,12 @@ <LocalAudioControlButton class="viewer-overlay__button" :conversation="conversation" :model="localModel" - nc-button-type="tertiary" + nc-button-type="secondary" disable-keyboard-shortcuts /> <LocalVideoControlButton class="viewer-overlay__button" :conversation="conversation" :model="localModel" - nc-button-type="tertiary" + nc-button-type="secondary" disable-keyboard-shortcuts /> </div> </template> @@ -232,11 +232,11 @@ export default { } .viewer-overlay__button { - background-color: rgb(var(--color-main-background-rgb), 0.7) !important; + opacity: 0.8; &:active, &:hover, &:focus { - background-color: rgb(var(--color-main-background-rgb), 0.9) !important; + opacity: 0.9; } } |