ocelot-Social-Community/Ocelot-Social
1
0
Fork 0
mirror of https://github.com/Ocelot-Social-Community/Ocelot-Social.git synced 2025-12-12 23:35:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

fixed hardcoded z-index of overlay, filter and add-btn

Browse Source
This commit is contained in:
Markus 2023-05-02 15:49:26 +02:00
parent 2d262283db
commit 02566a6e93
3 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
webapp/assets/_new/styles/tokens.scss
View File

@ -336,10 +336,12 @@ $ease-in-sharp: cubic-bezier(0.895, 0.03, 0.685, 0.22);
*/ */
$z-index-modal: 9999; $z-index-modal: 9999;
$z-index-overlay: 9000;
$z-index-dropdown: 8888; $z-index-dropdown: 8888;
$z-index-page-submenu: 2500; $z-index-page-submenu: 2500;
$z-index-page-header: 2000; $z-index-page-header: 2000;
$z-index-page-sidebar: 1500; $z-index-page-sidebar: 1500;
$z-index-sticky-float: 150;
$z-index-sticky: 100; $z-index-sticky: 100;
$z-index-post-teaser-link: 5; $z-index-post-teaser-link: 5;
$z-index-surface: 1; $z-index-surface: 1;

4
webapp/assets/styles/main.scss
View File

@ -95,7 +95,7 @@ blockquote {
box-shadow: $box-shadow-base; box-shadow: $box-shadow-base;
position: fixed; position: fixed;
width: 100%; width: 100%;
z-index: 10; z-index: $z-index-page-submenu;
a { a {
outline: none; outline: none;
@ -131,7 +131,7 @@ hr {
left: 0; left: 0;
position: fixed; position: fixed;
background: rgba(0, 0, 0, 0.15); background: rgba(0, 0, 0, 0.15);
z-index: 99; z-index: $z-index-overlay;
pointer-events: none; pointer-events: none;
transition: opacity 150ms ease-out; transition: opacity 150ms ease-out;
transition-delay: 50ms; transition-delay: 50ms;

8
webapp/pages/index.vue
View File

@ -318,7 +318,7 @@ export default {
height: 54px; height: 54px;
width: 54px; width: 54px;
font-size: 26px; font-size: 26px;
z-index: 100; z-index: $z-index-sticky-float;
position: fixed; position: fixed;
bottom: -5px; bottom: -5px;
left: 98vw; left: 98vw;
@ -330,7 +330,7 @@ export default {
height: 54px; height: 54px;
width: 54px; width: 54px;
font-size: 26px; font-size: 26px;
z-index: 100; z-index: $z-index-sticky-float;
position: fixed; position: fixed;
top: 80px; top: 80px;
box-shadow: $box-shadow-x-large; box-shadow: $box-shadow-x-large;
@ -344,7 +344,7 @@ export default {
.filterButtonMenu { .filterButtonMenu {
width: 95%; width: 95%;
position: fixed; position: fixed;
z-index: 6; z-index: $z-index-sticky;
margin-top: -35px; margin-top: -35px;
padding: 20px 10px 20px 10px; padding: 20px 10px 20px 10px;
background-color: #f5f4f6; background-color: #f5f4f6;
@ -361,6 +361,7 @@ export default {
max-height: 950px; max-height: 950px;
overflow: auto; overflow: auto;
padding-bottom: 0px; padding-bottom: 0px;
z-index: $z-index-page-submenu;
} }
@media screen and (min-height: 401px) { @media screen and (min-height: 401px) {
#my-filter { #my-filter {
@ -410,7 +411,6 @@ export default {
height: 44px; height: 44px;
width: 44px; width: 44px;
font-size: 23px; font-size: 23px;
z-index: 10;
} }
.ds-grid { .ds-grid {
padding-top: 1em; padding-top: 1em;