-
diff --git a/src/components/settings_modal/settings_modal.scss b/src/components/settings_modal/settings_modal.scss
index 371498a96..1e93f9271 100644
--- a/src/components/settings_modal/settings_modal.scss
+++ b/src/components/settings_modal/settings_modal.scss
@@ -40,10 +40,6 @@
line-height: 1.5;
}
- .suboptions {
- margin-left: 1em;
- }
-
.sidenote {
margin-left: 5em;
padding: 0.25em 1em;
@@ -66,6 +62,7 @@
column-gap: 0.5em;
align-items: baseline;
padding: 0.5em 0;
+ line-height: 1.5em;
.setting-label {
grid-area: label;
@@ -96,6 +93,9 @@
.checkbox-indicator {
grid-area: control;
+ height: 1.5em;
+ line-height: 1.5em;
+ align-self: baseline;
}
.-mobile & {
@@ -130,6 +130,12 @@
padding-left: 0;
margin: 0;
+ &.suboptions {
+ margin-left: 2em;
+ border-top: 1px dotted var(--border);
+ }
+
+
.btn:not(.dropdown-button) {
padding: 0 2em;
}
@@ -207,6 +213,12 @@
}
}
+ li {
+ .sidenote {
+ margin-left: 1em;
+ }
+ }
+
/* stylelint-disable no-descending-specificity */
.setting-item {
grid-template-columns: 1fr min-content;
@@ -221,9 +233,14 @@
.checkbox {
.label {
text-align: left;
- margin-left: 0;
+ order: 2;
+ }
+
+ .checkbox-indicator {
+ order: 1;
}
}
+
}
ul {
@@ -236,14 +253,16 @@
}
}
-
-
.setting-list:not(.suboptions),
.option-list {
&.two-column {
grid-template-columns: 1fr;
}
}
+
+ .UnitSetting {
+ padding-right: 0.5em;
+ }
}
&.peek {
diff --git a/src/components/settings_modal/tabs/filtering_tab.js b/src/components/settings_modal/tabs/filtering_tab.js
index ef3d8835b..e0d0f6879 100644
--- a/src/components/settings_modal/tabs/filtering_tab.js
+++ b/src/components/settings_modal/tabs/filtering_tab.js
@@ -58,6 +58,7 @@ const FilteringTab = {
hide = false,
name = '',
value = '',
+ caseSensitive = false,
} = data
this.createFilter({
@@ -66,6 +67,7 @@ const FilteringTab = {
hide,
name,
value,
+ caseSensitive,
})
},
onImportFailure(result) {
diff --git a/src/components/settings_modal/tabs/filtering_tab.scss b/src/components/settings_modal/tabs/filtering_tab.scss
index 5b51c5e4d..9550ef7bf 100644
--- a/src/components/settings_modal/tabs/filtering_tab.scss
+++ b/src/components/settings_modal/tabs/filtering_tab.scss
@@ -51,7 +51,16 @@
text-align: right;
}
+ > label.checkbox {
+ display: grid;
+ grid-template-columns: subgrid;
+ grid-template-rows: subgrid;
+ grid-column: 1 / span 2;
+ text-align: right;
+ }
+
.filter-field-value {
+ display: flex;
grid-column: 2 / span 2;
}
}
diff --git a/src/components/settings_modal/tabs/filtering_tab.vue b/src/components/settings_modal/tabs/filtering_tab.vue
index bb0dccb85..eaf1665d7 100644
--- a/src/components/settings_modal/tabs/filtering_tab.vue
+++ b/src/components/settings_modal/tabs/filtering_tab.vue
@@ -254,6 +254,20 @@
:value="filter[1].value"
@input="updateFilter(filter[0], 'value', $event.target.value)"
>
+ {{ ' ' }}
+
+
+
+
+ {{ $t('settings.filter.case_sensitive') }}
+
+