logo

pleroma-fe

My custom branche(s) on git.pleroma.social/pleroma/pleroma-fe git clone https://hacktivis.me/git/pleroma-fe.git
commit: df18a74adc4dbad7ca0daf38c041f9ac482a29c8
parent 2f1f1455aac268a138b0bf6a62d047a07c62e889
Author: Henry Jameson <me@hjkos.com>
Date:   Mon, 11 Apr 2022 23:18:46 +0300

fixes for z-indexes

Diffstat:

Msrc/components/popover/popover.vue2+-
Msrc/components/post_status_form/post_status_form.vue4++--
Msrc/panel.scss16+++++-----------
3 files changed, 8 insertions(+), 14 deletions(-)

diff --git a/src/components/popover/popover.vue b/src/components/popover/popover.vue @@ -69,7 +69,7 @@ text-align: left; list-style: none; max-width: 100vw; - z-index: 10; + z-index: 200; white-space: nowrap; .dropdown-divider { diff --git a/src/components/post_status_form/post_status_form.vue b/src/components/post_status_form/post_status_form.vue @@ -509,7 +509,7 @@ flex-direction: column; padding: 0.25em 0.5em 0.5em; line-height:24px; - z-index: 50; + z-index: 10; } form textarea.form-cw { @@ -572,7 +572,7 @@ .drop-indicator { position: absolute; - z-index: 100; + z-index: 11; width: 100%; height: 100%; font-size: 5em; diff --git a/src/panel.scss b/src/panel.scss @@ -2,7 +2,6 @@ position: relative; display: flex; flex-direction: column; - z-index: 0; background-color: $fallback--bg; background-color: var(--bg, $fallback--bg); @@ -19,7 +18,7 @@ bottom: 0; left: 0; right: 0; - z-index: 100; + z-index: 3; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6); box-shadow: var(--panelShadow); pointer-events: none; @@ -53,7 +52,6 @@ background-color: var(--bg, $fallback--bg); align-items: baseline; height: var(--panel-heading-height); - z-index: -2; &.-flexible-height { --panel-heading-height: auto; @@ -90,14 +88,6 @@ box-shadow: var(--panelHeaderShadow); } - &::before { - bottom: -20px; - z-index: -1; - border-radius: $fallback--panelRadius $fallback--panelRadius 0 0; - border-radius: var(--panelRadius, $fallback--panelRadius) var(--panelRadius, $fallback--panelRadius) 0 0; - mask: linear-gradient(to bottom, white var(--panel-heading-height), transparent var(--panel-heading-height)); - } - .title { flex: 1 0 auto; font-size: 1.3em; @@ -202,3 +192,7 @@ padding: 1em; margin: 0; } + +.panel-body { + padding: var(--panel-body-padding, 0); +}