elpatron/kapteins-daagbok
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Activity

fix(ui): Wetter-Slider mit Tank-Slider-Styling vereinheitlichen

Browse Source 
Die Slider-Styles galten nur unter .tank-liter-input; MetricRangeInput nutzt dieselbe Klasse, lag aber in einem anderen Container.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
elpatron
2026-06-01 22:04:39 +02:00
co-authored by Cursor
parent ddeb69437a
commit 08798dc9b2
1 changed files with 13 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/App.css
+13 -14
View File
@@ -4174,7 +4174,7 @@ html.theme-cupertino .events-scroll-container {
} }
} }
.tank-liter-input .tank-liter-slider { .tank-liter-slider {
--tank-slider-track-h: 10px; --tank-slider-track-h: 10px;
--tank-slider-thumb: 26px; --tank-slider-thumb: 26px;
width: 100%; width: 100%;
@@ -4189,13 +4189,13 @@ html.theme-cupertino .events-scroll-container {
touch-action: none; touch-action: none;
} }
.tank-liter-input .tank-liter-slider::-webkit-slider-runnable-track { .tank-liter-slider::-webkit-slider-runnable-track {
height: var(--tank-slider-track-h); height: var(--tank-slider-track-h);
border-radius: 999px; border-radius: 999px;
background: rgba(148, 163, 184, 0.35); background: rgba(148, 163, 184, 0.35);
} }
.tank-liter-input .tank-liter-slider::-webkit-slider-thumb { .tank-liter-slider::-webkit-slider-thumb {
-webkit-appearance: none; -webkit-appearance: none;
width: var(--tank-slider-thumb); width: var(--tank-slider-thumb);
height: var(--tank-slider-thumb); height: var(--tank-slider-thumb);
@@ -4206,13 +4206,13 @@ html.theme-cupertino .events-scroll-container {
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
} }
.tank-liter-input .tank-liter-slider::-moz-range-track { .tank-liter-slider::-moz-range-track {
height: var(--tank-slider-track-h); height: var(--tank-slider-track-h);
border-radius: 999px; border-radius: 999px;
background: rgba(148, 163, 184, 0.35); background: rgba(148, 163, 184, 0.35);
} }
.tank-liter-input .tank-liter-slider::-moz-range-thumb { .tank-liter-slider::-moz-range-thumb {
width: var(--tank-slider-thumb); width: var(--tank-slider-thumb);
height: var(--tank-slider-thumb); height: var(--tank-slider-thumb);
border-radius: 50%; border-radius: 50%;
@@ -4221,7 +4221,7 @@ html.theme-cupertino .events-scroll-container {
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
} }
.tank-liter-input .tank-liter-slider:disabled { .tank-liter-slider:disabled {
opacity: 0.5; opacity: 0.5;
cursor: not-allowed; cursor: not-allowed;
} }
@@ -4233,14 +4233,6 @@ html.theme-cupertino .events-scroll-container {
text-align: center; text-align: center;
} }
@media (max-width: 480px) {
.tank-liter-input .tank-liter-slider {
--tank-slider-track-h: 12px;
--tank-slider-thumb: 32px;
margin: 12px 0 8px;
}
}
/* Compact weather metric sliders (LogEntryEditor) */ /* Compact weather metric sliders (LogEntryEditor) */
.weather-metrics-grid { .weather-metrics-grid {
gap: 12px 16px; gap: 12px 16px;
@@ -4302,7 +4294,14 @@ html.theme-cupertino .events-scroll-container {
} }
@media (max-width: 480px) { @media (max-width: 480px) {
.tank-liter-input .tank-liter-slider {
--tank-slider-track-h: 12px;
--tank-slider-thumb: 32px;
margin: 12px 0 8px;
}
.metric-range-input--compact .metric-range-slider { .metric-range-input--compact .metric-range-slider {
--tank-slider-track-h: 12px;
--tank-slider-thumb: 28px; --tank-slider-thumb: 28px;
} }