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

Adjust input labels to content width with larger right spacing

Browse Source
This commit is contained in:
Mathias Gläser
2026-05-29 14:21:45 +02:00
parent 4be0ceb565
commit b4a365a218
1 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styles/10-components-interactive-elements.css
+6 -5
View File
@@ -303,14 +303,15 @@
.sg-labeled-input-row { .sg-labeled-input-row {
display: flex; display: flex;
align-items: center; align-items: center;
gap: var(--spacing-small); gap: 0;
width: auto; width: auto;
max-width: none; max-width: none;
} }
.sg-labeled-input-row .sg-label { .sg-labeled-input-row .sg-label {
min-width: var(--layout-input-label-width); min-width: 0;
flex: 0 0 var(--layout-input-label-width); flex: 0 0 auto;
margin-right: var(--spacing-large);
} }
.sg-labeled-input-row .sg-input-single-line, .sg-labeled-input-row .sg-input-single-line,
@@ -386,9 +387,9 @@
#component-pulldown .sg-activatable-row { #component-pulldown .sg-activatable-row {
display: grid; display: grid;
grid-template-columns: var(--layout-input-label-width) minmax(0, 1fr); grid-template-columns: max-content minmax(0, 1fr);
align-items: center; align-items: center;
column-gap: var(--spacing-small); column-gap: var(--spacing-large);
width: 100%; width: 100%;
} }