rajch_ales/product-import-ai
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Align selector icons with centered labels

Browse Source
This commit is contained in:
rajch_ales
2026-08-05 17:45:22 +02:00
parent e68c5d2bc7
commit f463bd27e7
5 changed files with 29 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/tailwind.css
+7 -5
View File
@@ -90,14 +90,15 @@
.arrow-button:disabled, .action-button:disabled { @apply cursor-not-allowed opacity-50; }
.input-like { @apply h-7 px-1 text-[11px]; }
.select-control { @apply relative w-full; }
.select-control .input-like { @apply appearance-none pr-7 pl-9 text-center; }
.select-icon { @apply pointer-events-none absolute left-3 top-1/2 z-10 h-4 w-4 -translate-y-1/2 text-slate-300; }
.select-display { @apply pointer-events-none absolute inset-0 z-10 flex items-center justify-center gap-1.5 text-center text-slate-200; }
.select-display span { @apply min-w-0 max-w-[calc(100%-3rem)] truncate; }
.language-native-select { @apply relative z-20 cursor-pointer appearance-none bg-transparent pr-7 pl-7 text-transparent caret-transparent; }
.language-native-select:focus { @apply text-transparent; }
.select-chevron { @apply pointer-events-none absolute right-3 top-1/2 h-2 w-2 -translate-y-1/2 rotate-45 border-b-2 border-r-2 text-slate-200; }
.native-manufacturer-host { @apply hidden; }
.native-manufacturer-select { @apply hidden; }
.manufacturer-picker { @apply relative; }
.manufacturer-trigger { @apply relative flex h-7 w-full items-center justify-center rounded border border-slate-700 bg-slate-800 px-9 text-center text-[11px] text-slate-200 shadow-sm; }
.manufacturer-trigger .select-icon { @apply left-3; }
.manufacturer-trigger { @apply relative flex h-7 w-full items-center justify-center gap-1.5 rounded border border-slate-700 bg-slate-800 px-9 text-center text-[11px] text-slate-200 shadow-sm; }
.manufacturer-trigger > span:not(.select-chevron) { @apply min-w-0 truncate text-center; }
.manufacturer-trigger:hover { @apply border-slate-500 bg-slate-700; }
.manufacturer-trigger[aria-expanded="true"] { @apply border-catalog-focus ring-2 ring-catalog-focus/25; }
@@ -248,7 +249,8 @@
html:not(.dark) .sidebar-drawer-title { @apply text-slate-700; }
html:not(.dark) .drawer-trigger .drawer-chevron,
html:not(.dark) .select-chevron,
html:not(.dark) .select-icon { @apply text-slate-700; }
html:not(.dark) .select-display,
html:not(.dark) .manufacturer-trigger .sidebar-icon { @apply text-slate-700; }
html:not(.dark) .sidebar-close-button,
html:not(.dark) .sidebar-open-button,
html:not(.dark) .drawer-trigger,