JoeKung/print-calculator
1
1
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix(front-end): color selector
Some checks failed
Build, Test, Deploy and Analysis / qodana (push) Failing after 17s
Details
Build, Test, Deploy and Analysis / test-backend (push) Successful in 41s
Details
Build, Test, Deploy and Analysis / build-and-push (push) Successful in 23s
Details
Build, Test, Deploy and Analysis / deploy (push) Successful in 9s
Details

Browse Source
This commit is contained in:
Joe Küng
2026-03-03 11:49:40 +01:00
parent 04ecda99ee
commit 90bdb5384d
1 changed files with 11 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/src/app/shared/components/color-selector/color-selector.component.scss
View File

@@ -47,6 +47,10 @@
box-shadow: 0 4px 12px rgba(0,0,0,0.15); box-shadow: 0 4px 12px rgba(0,0,0,0.15);
z-index: 1000; z-index: 1000;
width: 230px; /* Increased size */ width: 230px; /* Increased size */
max-height: min(62vh, 360px);
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
// Little triangle arrow // Little triangle arrow
&::before { &::before {
@@ -67,6 +71,7 @@
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
width: 280px; /* Provide enough width for touch targets */ width: 280px; /* Provide enough width for touch targets */
max-width: 90vw; /* Safety constraint */ max-width: 90vw; /* Safety constraint */
max-height: min(72vh, 420px);
box-shadow: 0 10px 25px rgba(0,0,0,0.2); /* Stronger shadow for modal feel */ box-shadow: 0 10px 25px rgba(0,0,0,0.2); /* Stronger shadow for modal feel */
/* Hide arrow on mobile since it's detached from trigger */ /* Hide arrow on mobile since it's detached from trigger */
@@ -76,6 +81,12 @@
} }
} }
@media (max-height: 720px) {
.color-popup {
max-height: min(56vh, 300px);
}
}
.category { .category {
margin-bottom: 12px; margin-bottom: 12px;