From 37b71198483c88d8b9c3648c726cc6b72b8ce9a2 Mon Sep 17 00:00:00 2001 From: Maksim Sukharev Date: Mon, 12 Jun 2023 13:18:52 +0200 Subject: align hover styles for navigation buttons with collapse button Signed-off-by: Maksim Sukharev --- src/components/CallView/Grid/Grid.vue | 14 +++++--------- 1 file changed, 5 insertions(+), 9 deletions(-) (limited to 'src/components/CallView') diff --git a/src/components/CallView/Grid/Grid.vue b/src/components/CallView/Grid/Grid.vue index ff7d910c5..bd17422e1 100644 --- a/src/components/CallView/Grid/Grid.vue +++ b/src/components/CallView/Grid/Grid.vue @@ -963,14 +963,6 @@ export default { } .grid-navigation { - z-index: 2; - background-color: rgba(0, 0, 0, 0.5); - - &:hover, - &:focus { - background-color: rgba(0, 0, 0, 0.8) !important; - } - .grid-wrapper & { position: absolute; top: calc(50% - var(--default-clickable-area) / 2); @@ -1022,10 +1014,14 @@ export default { position: absolute !important; top: calc(-1 * var(--default-clickable-area)); right: 0; +} + +.stripe--collapse, +.grid-navigation { z-index: 2; opacity: .7; - .app-content:hover & { + #call-container:hover & { background-color: rgba(0, 0, 0, 0.1) !important; &:hover, -- cgit v1.2.3