Webstar/LibrePortal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: Webstar:95d7bb93ddcdaeb92c1bbd3e1f36efa7de351cd8
Branches Tags
Webstar:main
Webstar:claude/2
Webstar:v0.1.0
..
compare: Webstar:160d7d1b3c443a43516fc7438d002967f7f2594d
Branches Tags
Webstar:main
Webstar:claude/2
Webstar:v0.1.0

No commits in common. "95d7bb93ddcdaeb92c1bbd3e1f36efa7de351cd8" and "160d7d1b3c443a43516fc7438d002967f7f2594d" have entirely different histories.
95d7bb93dd ... 160d7d1b3c

1 changed files with 3 additions and 18 deletions
Show Stats Expand all files Collapse all files

21
containers/libreportal/frontend/css/services.css
View File

@ -273,25 +273,13 @@ body:not(.lp-ui--advanced) .service-rich { display: none; }
} }
.services-title-main { flex: 1; min-width: 0; } .services-title-main { flex: 1; min-width: 0; }
/* Contained chip wrapper so the toggle reads as a control sitting next
to whatever action buttons share its row, instead of floating. Same
neutral bg/border recipe a .task-btn uses for its resting state. */
.lp-ui-advanced-toggle { .lp-ui-advanced-toggle {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
gap: 10px; gap: 8px;
cursor: pointer; cursor: pointer;
user-select: none; user-select: none;
flex-shrink: 0; flex-shrink: 0;
padding: 6px 12px;
background: rgba(var(--text-rgb), 0.06);
border: 1px solid rgba(var(--text-rgb), 0.15);
border-radius: 8px;
transition: background .15s ease, border-color .15s ease;
}
.lp-ui-advanced-toggle:hover {
background: rgba(var(--text-rgb), 0.10);
border-color: rgba(var(--text-rgb), 0.25);
} }
.lp-ui-advanced-toggle input { .lp-ui-advanced-toggle input {
position: absolute; position: absolute;
@ -307,10 +295,6 @@ body:not(.lp-ui--advanced) .service-rich { display: none; }
transition: background .15s ease; transition: background .15s ease;
flex-shrink: 0; flex-shrink: 0;
} }
/* Thumb stays white in both states — matching .eo-toggle / .routing-toggle
elsewhere. The previous checked-state fill used --text-on-accent
which resolves to a dark navy on the default theme and read as a
"black circle" inside the accent track. */
.lp-ui-advanced-toggle-thumb { .lp-ui-advanced-toggle-thumb {
position: absolute; position: absolute;
top: 2px; top: 2px;
@ -319,13 +303,14 @@ body:not(.lp-ui--advanced) .service-rich { display: none; }
height: 14px; height: 14px;
background: var(--text-primary); background: var(--text-primary);
border-radius: 50%; border-radius: 50%;
transition: transform .15s ease; transition: transform .15s ease, background .15s ease;
} }
.lp-ui-advanced-toggle input:checked + .lp-ui-advanced-toggle-track { .lp-ui-advanced-toggle input:checked + .lp-ui-advanced-toggle-track {
background: var(--accent); background: var(--accent);
} }
.lp-ui-advanced-toggle input:checked + .lp-ui-advanced-toggle-track .lp-ui-advanced-toggle-thumb { .lp-ui-advanced-toggle input:checked + .lp-ui-advanced-toggle-track .lp-ui-advanced-toggle-thumb {
transform: translateX(16px); transform: translateX(16px);
background: var(--text-on-accent, #0a1426);
} }
.lp-ui-advanced-toggle-label { .lp-ui-advanced-toggle-label {
font-size: 0.78rem; font-size: 0.78rem;