diff options
| author | toasted-nutbread <toasted-nutbread@users.noreply.github.com> | 2020-12-18 12:05:33 -0500 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-12-18 12:05:33 -0500 |
| commit | 5d8ac70395f548923549bb73d183004c9a71e756 (patch) | |
| tree | 2605f6e504c22340e2dea528429a08c7b1d3e18c /ext/bg/css/settings2.css | |
| parent | c728448a4d05268d4febb9950a39d517a75ea052 (diff) | |
Display an indication when Anki field order/existence doesn't match (#1119)
Diffstat (limited to 'ext/bg/css/settings2.css')
| -rw-r--r-- | ext/bg/css/settings2.css | 17 |
1 files changed, 15 insertions, 2 deletions
diff --git a/ext/bg/css/settings2.css b/ext/bg/css/settings2.css index e15fa080..d25004bc 100644 --- a/ext/bg/css/settings2.css +++ b/ext/bg/css/settings2.css @@ -2088,9 +2088,22 @@ select.profile-condition-operator { .anki-card-field-input-header { font-weight: bold; } -.anki-card-field-name { - margin-right: 1em; +.anki-card-field-name-container { + display: flex; + flex-flow: row nowrap; + align-self: stretch; + align-items: center; margin-top: 0.25em; + margin-right: 0.25em; + padding: 0 0.25em; +} +.anki-card-field-name-container[data-is-valid=false], +.anki-card-field-name-container[data-order-matches=false][data-index='0'] { + background-color: var(--danger-color-lightest); + border-radius: var(--text-input-border-radius); +} +.anki-card-field-name { + flex: 1 1 auto; } .anki-card-field-value-container { display: flex; |