moon
/
pleroma-fe
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'zindexes-fix' into 'develop' 

Fix various issues related to z-indexes

See merge request pleroma/pleroma-fe!1617
This commit is contained in:
HJ 2022-08-22 22:58:57 +00:00
parent 91422367d3 1a24f8b4c1
commit cb6b96b9ba
2 changed files with 13 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/App.scss
View File

@ -5,12 +5,12 @@
--navbar-height: 3.5rem; --navbar-height: 3.5rem;
--post-line-height: 1.4; --post-line-height: 1.4;
// Z-Index stuff // Z-Index stuff
--ZI_media_modal: 90000; --ZI_media_modal: 9000;
--ZI_modals_popovers: 85000; --ZI_modals_popovers: 8500;
--ZI_modals: 80000; --ZI_modals: 8000;
--ZI_navbar_popovers: 75000; --ZI_navbar_popovers: 7500;
--ZI_navbar: 70000; --ZI_navbar: 7000;
--ZI_popovers: 60000; --ZI_popovers: 6000;
} }
html { html {
@ -141,6 +141,11 @@ nav {
grid-area: sidebar; grid-area: sidebar;
} }
#modal {
position: absolute;
z-index: var(--ZI_modals);
}
.column.-scrollable { .column.-scrollable {
top: var(--navbar-height); top: var(--navbar-height);
position: sticky; position: sticky;

4
src/components/global_notice_list/global_notice_list.vue
View File

@ -29,10 +29,10 @@
.global-notice-list { .global-notice-list {
position: fixed; position: fixed;
top: 50px; top: calc(var(--navbar-height) + 0.5em);
width: 100%; width: 100%;
pointer-events: none; pointer-events: none;
z-index: var(--ZI_popovers); z-index: var(--ZI_navbar_popovers);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;