From 5d8ac70395f548923549bb73d183004c9a71e756 Mon Sep 17 00:00:00 2001 From: toasted-nutbread Date: Fri, 18 Dec 2020 12:05:33 -0500 Subject: Display an indication when Anki field order/existence doesn't match (#1119) --- ext/bg/css/settings2.css | 17 +++++++++++++++-- 1 file changed, 15 insertions(+), 2 deletions(-) (limited to 'ext/bg/css') 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; -- cgit v1.2.3