xTr1m/RolemasterDB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Align critical editor effect rows

Browse Source
This commit is contained in:
Frank Tovar
2026-03-15 11:20:48 +01:00
parent 74d44c1293
commit e9e386aa6c
1 changed files with 32 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/RolemasterDb.App/wwwroot/app.css
View File

@@ -697,6 +697,10 @@ textarea {
} }
.critical-editor-dialog { .critical-editor-dialog {
--critical-editor-control-height: 3.15rem;
--critical-editor-label-height: 1.05rem;
--critical-editor-field-gap: 0.35rem;
--critical-editor-control-offset: calc(var(--critical-editor-label-height) + var(--critical-editor-field-gap));
width: min(1100px, 100%); width: min(1100px, 100%);
max-height: calc(100vh - 2.5rem); max-height: calc(100vh - 2.5rem);
display: flex; display: flex;
@@ -804,6 +808,15 @@ textarea {
min-height: 8rem; min-height: 8rem;
} }
.critical-editor-dialog input.input-shell,
.critical-editor-dialog select.input-shell {
height: var(--critical-editor-control-height);
}
.critical-editor-dialog .field-shell label {
line-height: var(--critical-editor-label-height);
}
.critical-editor-error { .critical-editor-error {
margin: 0; margin: 0;
padding: 0.85rem 0.95rem; padding: 0.85rem 0.95rem;
@@ -827,7 +840,7 @@ textarea {
.critical-editor-effect-row { .critical-editor-effect-row {
display: flex; display: flex;
align-items: center; align-items: flex-start;
justify-content: space-between; justify-content: space-between;
gap: 0.75rem; gap: 0.75rem;
padding: 0.65rem 0.75rem; padding: 0.65rem 0.75rem;
@@ -845,11 +858,25 @@ textarea {
} }
.critical-editor-effect-badge { .critical-editor-effect-badge {
display: flex;
align-items: center;
justify-content: center;
min-height: var(--critical-editor-control-height);
min-width: 0; min-width: 0;
margin-top: var(--critical-editor-control-offset);
} }
.critical-editor-effect-badge .affix-badge-list { .critical-editor-effect-badge .affix-badge-list {
width: 100%;
margin-top: 0; margin-top: 0;
align-items: center;
justify-content: center;
}
.critical-editor-effect-badge .affix-badge {
align-items: center;
justify-content: center;
text-align: center;
} }
.critical-editor-effect-kind, .critical-editor-effect-kind,
@@ -980,7 +1007,11 @@ textarea {
border: none; border: none;
background: transparent; background: transparent;
color: var(--accent); color: var(--accent);
min-height: var(--critical-editor-control-height);
margin-top: var(--critical-editor-control-offset);
padding: 0.2rem 0.1rem; padding: 0.2rem 0.1rem;
display: inline-flex;
align-items: center;
white-space: nowrap; white-space: nowrap;
} }