subtype/akkoma-fe
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

fixes for z-indexes

Browse source
This commit is contained in:
Henry Jameson 2022-04-11 23:18:46 +03:00
parent 2f1f1455aa
commit df18a74adc
3 changed files with 8 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/popover/popover.vue
View file

@ -69,7 +69,7 @@
text-align: left; text-align: left;
list-style: none; list-style: none;
max-width: 100vw; max-width: 100vw;
z-index: 10; z-index: 200;
white-space: nowrap; white-space: nowrap;
.dropdown-divider { .dropdown-divider {

4
src/components/post_status_form/post_status_form.vue
View file

@ -509,7 +509,7 @@
flex-direction: column; flex-direction: column;
padding: 0.25em 0.5em 0.5em; padding: 0.25em 0.5em 0.5em;
line-height:24px; line-height:24px;
z-index: 50; z-index: 10;
} }
form textarea.form-cw { form textarea.form-cw {
@ -572,7 +572,7 @@
.drop-indicator { .drop-indicator {
position: absolute; position: absolute;
z-index: 100; z-index: 11;
width: 100%; width: 100%;
height: 100%; height: 100%;
font-size: 5em; font-size: 5em;

16
src/panel.scss
View file

@ -2,7 +2,6 @@
position: relative; position: relative;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
z-index: 0;
background-color: $fallback--bg; background-color: $fallback--bg;
background-color: var(--bg, $fallback--bg); background-color: var(--bg, $fallback--bg);
@ -19,7 +18,7 @@
bottom: 0; bottom: 0;
left: 0; left: 0;
right: 0; right: 0;
z-index: 100; z-index: 3;
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6); box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);
box-shadow: var(--panelShadow); box-shadow: var(--panelShadow);
pointer-events: none; pointer-events: none;
@ -53,7 +52,6 @@
background-color: var(--bg, $fallback--bg); background-color: var(--bg, $fallback--bg);
align-items: baseline; align-items: baseline;
height: var(--panel-heading-height); height: var(--panel-heading-height);
z-index: -2;
&.-flexible-height { &.-flexible-height {
--panel-heading-height: auto; --panel-heading-height: auto;
@ -90,14 +88,6 @@
box-shadow: var(--panelHeaderShadow); 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 { .title {
flex: 1 0 auto; flex: 1 0 auto;
font-size: 1.3em; font-size: 1.3em;
@ -202,3 +192,7 @@
padding: 1em; padding: 1em;
margin: 0; margin: 0;
} }
.panel-body {
padding: var(--panel-body-padding, 0);
}