gitea_admin/Styleguide
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix activation toggle handle visibility

Browse Source
This commit is contained in:
Mathias Gläser
2026-05-23 08:17:22 +02:00
parent 18e2c1d88c
commit fb28c77c00
1 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styleguide.css
+7 -6
View File
@@ -1785,13 +1785,14 @@ section + section {
} }
.sg-activation-toggle-chip { .sg-activation-toggle-chip {
--sg-activation-toggle-inset: 1px;
position: relative; position: relative;
display: inline-grid; display: inline-grid;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
align-items: center; align-items: center;
min-width: calc(var(--layout-mode-toggle-local-height) * 3); min-width: calc(var(--layout-mode-toggle-local-height) * 3);
height: var(--layout-mode-toggle-local-height); height: var(--layout-mode-toggle-local-height);
padding: var(--border-width-thin); padding: var(--sg-activation-toggle-inset);
border: var(--border-none); border: var(--border-none);
border-radius: var(--radius-interaction); border-radius: var(--radius-interaction);
background: var(--surface-toggle-track); background: var(--surface-toggle-track);
@@ -1808,11 +1809,11 @@ section + section {
.sg-activation-toggle-chip::before { .sg-activation-toggle-chip::before {
content: ""; content: "";
position: absolute; position: absolute;
top: var(--border-width-thin); top: var(--sg-activation-toggle-inset);
left: var(--border-width-thin); left: var(--sg-activation-toggle-inset);
width: calc(50% - var(--border-width-thin)); width: calc(50% - var(--sg-activation-toggle-inset));
height: calc(100% - (var(--border-width-thin) * 2)); height: calc(100% - (var(--sg-activation-toggle-inset) * 2));
border-radius: calc(var(--radius-interaction) - var(--border-width-thin)); border-radius: calc(var(--radius-interaction) - var(--sg-activation-toggle-inset));
background: var(--surface-toggle-handle); background: var(--surface-toggle-handle);
transition: transform 160ms ease; transition: transform 160ms ease;
} }