krikkert/habitica
1
0
Fork 0
mirror of https://github.com/HabitRPG/habitica.git synced 2025-12-19 15:48:04 +01:00
Code Issues Packages Projects Releases Wiki Activity

Improve Z-Indexes for Notifications / Menus / Toolbar (#13494)

Browse Source 
* Fix: zIndexes of Menu's and Notifications + add overview of the currently used z-indexes

* fix markdown
This commit is contained in:
negue
2021-09-10 22:31:57 +02:00
committed by GitHub
parent 93d4b90934
commit 5694a95015
3 changed files with 16 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
website/client/src/assets/scss/create-task.scss
View File

@@ -2,7 +2,7 @@
position: absolute; position: absolute;
right: 24px; right: 24px;
top: -24px; top: -24px;
z-index: 999; z-index: 998;
align-items: center; align-items: center;
} }

2
website/client/src/components/snackbars/notifications.vue
View File

@@ -27,7 +27,7 @@
position: fixed; position: fixed;
right: 10px; right: 10px;
width: 350px; width: 350px;
z-index: 1400; // 1400 is above modal backgrounds z-index: 999;
top: var(--current-scrollY); top: var(--current-scrollY);

14
website/client/src/components/z-index-overview.md Normal file
View File

@@ -0,0 +1,14 @@
# List of the current zIndexes
|Type|zIndex|File|
|:-|:-|:-|
|Progress Bar|1600|app.vue|
|Create App Menu|999|create-task.scss|
|Loading Screen|1050|loading-screen.scss|
|Modals|1350|modal.scss|
|Toolbar (Habitica Menu)|1080|menu.vue|
|Toolbar (Habitica Menu), when a Modal is opened|1035||
|Top Banner (above Toolbar)|1300|base.vue|
|Top Banner (above Toolbar), when a Modal is opened|1035|
|Toolbar Dropdown|1000|.dropdown-menu|
|Notifications|999|notifications.vue|