UI: Cronjob-Formular Layout-Verbesserungen
- form-container Wrapper entfernt, flache Struktur - Aktiv-Checkbox nach oben verschoben - .secondary-btn durch .positive-btn ersetzt (currentcolor) - .danger-btn nutzt currentcolor für Border - .form-group mit Padding, leere Status-Box wird versteckt - .skill-name entfernt (ungenutzt) - Status-Box: <br> durch inline-spans ersetzt - Button-Icons bei Speichern/Löschen entfernt
This commit is contained in:
1 parent
17e269ccb5
commit
d88b046575
3 files changed
+59
-55
No files matched your search
+24
-18
@@ -154,10 +154,6 @@ label.skill-item {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.skill-name {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.skill-version {
|
||||
opacity: var(--semi-transparent);
|
||||
}
|
||||
@@ -220,12 +216,22 @@ label.skill-item {
|
||||
|
||||
.danger-btn {
|
||||
color: var(--dangerous);
|
||||
border-color: var(--dangerous);
|
||||
border-color: currentcolor;
|
||||
}
|
||||
|
||||
.danger-btn:hover {
|
||||
background: var(--dangerous);
|
||||
color: var(--f1-bg);
|
||||
background: var(--dangerous);
|
||||
}
|
||||
|
||||
.positive-btn {
|
||||
color: var(--secondary);
|
||||
border-color: currentcolor;
|
||||
}
|
||||
|
||||
.positive-btn:hover {
|
||||
color: var(--f1-bg);
|
||||
background: var(--secondary);
|
||||
}
|
||||
|
||||
/* Toggle Switch */
|
||||
@@ -302,7 +308,10 @@ label.skill-item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: var(--badge-spacing);
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.form-group:has(.form-status-box:empty) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.form-status-box .status-active {
|
||||
@@ -317,9 +326,16 @@ label.skill-item {
|
||||
color: var(--dangerous);
|
||||
}
|
||||
|
||||
.form-group {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: var(--badge-spacing);
|
||||
padding: var(--box-padding);
|
||||
padding-inline: 0;
|
||||
}
|
||||
|
||||
.form-check-group {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: var(--badge-spacing);
|
||||
}
|
||||
|
||||
@@ -344,13 +360,3 @@ label.skill-item {
|
||||
font-size: var(--font-size);
|
||||
opacity: var(--semi-transparent);
|
||||
}
|
||||
|
||||
.secondary-btn {
|
||||
color: var(--secondary);
|
||||
border-color: var(--secondary);
|
||||
}
|
||||
|
||||
.secondary-btn:hover {
|
||||
background: var(--secondary);
|
||||
color: var(--f1-bg);
|
||||
}
|
||||
Reference in new issue
Block a user