flan/advanced-camera-card
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Menu linear gradient is the wrong direction on left/right menus (#1553)

Browse Source 
* fix: Menu linear gradient is the wrong direction on left/right menus

Also changes the gallery scrolling logic to center the selected element vs top aligned.

* Formatting fix
This commit is contained in:
Dermot Duffy
2024-09-21 15:00:42 -07:00
committed by GitHub
parent e5cbfa9976
commit 9efa873cba
2 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/scss/menu.scss
+6 -1
View File
@@ -125,7 +125,6 @@ div.opposing {
:host([data-style*='hover']),
:host([data-style='hidden'][expanded]) {
overflow: visible;
background: linear-gradient(90deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
}
:host([data-style='overlay'][data-position='top']),
@@ -136,6 +135,9 @@ div.opposing {
:host([data-style='hidden'][data-position='bottom'][expanded]) {
width: 100%;
height: auto;
// Linear fade left to right.
background: linear-gradient(90deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
}
:host([data-style='overlay'][data-position='left']),
@@ -146,4 +148,7 @@ div.opposing {
:host([data-style='hidden'][data-position='right'][expanded]) {
width: auto;
height: 100%;
// Linear fade top to bottom.
background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
}