summaryrefslogtreecommitdiff
path: root/ext/bg/css/settings2.css
diff options
context:
space:
mode:
authortoasted-nutbread <toasted-nutbread@users.noreply.github.com>2020-12-18 12:05:33 -0500
committerGitHub <noreply@github.com>2020-12-18 12:05:33 -0500
commit5d8ac70395f548923549bb73d183004c9a71e756 (patch)
tree2605f6e504c22340e2dea528429a08c7b1d3e18c /ext/bg/css/settings2.css
parentc728448a4d05268d4febb9950a39d517a75ea052 (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.css17
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;