diff options
author | Maksim Sukharev <antreesy.web@gmail.com> | 2023-04-12 09:38:09 +0200 |
---|---|---|
committer | Maksim Sukharev <antreesy.web@gmail.com> | 2023-04-12 09:38:09 +0200 |
commit | a84413ed9b842df5172654ef77792ed533a75b9c (patch) | |
tree | 624fa3d90f9c769aac7995c61ca06be2b21d16d3 /src/components/CallView/Grid/Grid.vue | |
parent | 9a153036f10cb8a9f8e4379ce8cfd731fae40536 (diff) |
adjust styles, change class overlapping
Signed-off-by: Maksim Sukharev <antreesy.web@gmail.com>
Diffstat (limited to 'src/components/CallView/Grid/Grid.vue')
-rw-r--r-- | src/components/CallView/Grid/Grid.vue | 16 |
1 files changed, 11 insertions, 5 deletions
diff --git a/src/components/CallView/Grid/Grid.vue b/src/components/CallView/Grid/Grid.vue index f887cd72b..ab609945d 100644 --- a/src/components/CallView/Grid/Grid.vue +++ b/src/components/CallView/Grid/Grid.vue @@ -37,7 +37,7 @@ </NcButton> <transition :name="isStripe ? 'slide-down' : ''"> <div v-if="!isStripe || stripeOpen" class="wrapper" :style="wrapperStyle"> - <div :class="{'stripe-wrapper': isStripe, 'wrapper': !isStripe}"> + <div :class="[isStripe ? 'stripe-wrapper' : 'grid-wrapper']"> <NcButton v-if="hasPreviousPage && gridWidth > 0" type="tertiary-no-background" class="grid-navigation grid-navigation__previous" @@ -870,7 +870,6 @@ export default { position: relative; bottom: 0; left: 0; - flex: 1 0 auto; } .grid { @@ -891,6 +890,12 @@ export default { padding: 16px; } +.grid-wrapper { + width: 100%; + position: relative; + flex: 1 0 auto; +} + .stripe-wrapper { width: 100%; position: relative; @@ -956,7 +961,6 @@ export default { } .grid-navigation { - position: absolute; z-index: 2; background-color: rgba(0, 0, 0, 0.5); @@ -965,7 +969,8 @@ export default { background-color: rgba(0, 0, 0, 0.8) !important; } - .wrapper & { + .grid-wrapper & { + position: absolute; top: calc(50% - var(--default-clickable-area) / 2); &__previous { left: -4px; @@ -976,6 +981,7 @@ export default { } .stripe-wrapper & { + position: absolute; top: 16px; &__previous { left: 8px; @@ -1011,7 +1017,7 @@ export default { } .stripe--collapse { - position: absolute; + position: absolute !important; top: calc(-1 * var(--default-clickable-area)); right: 0; z-index: 2; |