Align critical editor effect rows
This commit is contained in:
@@ -697,6 +697,10 @@ textarea {
|
||||
}
|
||||
|
||||
.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%);
|
||||
max-height: calc(100vh - 2.5rem);
|
||||
display: flex;
|
||||
@@ -804,6 +808,15 @@ textarea {
|
||||
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 {
|
||||
margin: 0;
|
||||
padding: 0.85rem 0.95rem;
|
||||
@@ -827,7 +840,7 @@ textarea {
|
||||
|
||||
.critical-editor-effect-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
align-items: flex-start;
|
||||
justify-content: space-between;
|
||||
gap: 0.75rem;
|
||||
padding: 0.65rem 0.75rem;
|
||||
@@ -845,11 +858,25 @@ textarea {
|
||||
}
|
||||
|
||||
.critical-editor-effect-badge {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
min-height: var(--critical-editor-control-height);
|
||||
min-width: 0;
|
||||
margin-top: var(--critical-editor-control-offset);
|
||||
}
|
||||
|
||||
.critical-editor-effect-badge .affix-badge-list {
|
||||
width: 100%;
|
||||
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,
|
||||
@@ -980,7 +1007,11 @@ textarea {
|
||||
border: none;
|
||||
background: transparent;
|
||||
color: var(--accent);
|
||||
min-height: var(--critical-editor-control-height);
|
||||
margin-top: var(--critical-editor-control-offset);
|
||||
padding: 0.2rem 0.1rem;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user