diff --git a/changelog.d/small-fixes.skip b/changelog.d/small-fixes.skip
new file mode 100644
index 000000000..e69de29bb
diff --git a/index.html b/index.html
index f279ed01a..86d15971b 100644
--- a/index.html
+++ b/index.html
@@ -135,6 +135,7 @@
+
diff --git a/src/components/color_input/color_input.vue b/src/components/color_input/color_input.vue
index 26b67cfe8..bcdf435fc 100644
--- a/src/components/color_input/color_input.vue
+++ b/src/components/color_input/color_input.vue
@@ -26,7 +26,7 @@
class="textColor unstyled"
:class="{ disabled: !present || disabled }"
type="text"
- :value="modelValue || fallback"
+ :value="modelValue ?? fallback"
:disabled="!present || disabled"
@input="updateValue($event.target.value)"
>
diff --git a/src/components/settings_modal/tabs/style_tab/style_tab.js b/src/components/settings_modal/tabs/style_tab/style_tab.js
index 8324263cd..82c63f503 100644
--- a/src/components/settings_modal/tabs/style_tab/style_tab.js
+++ b/src/components/settings_modal/tabs/style_tab/style_tab.js
@@ -372,6 +372,9 @@ export default {
const path = getPath(component, directive)
usedRule = get(real, path) // get real
+ if (usedRule === '') {
+ return usedRule
+ }
if (!usedRule) {
usedRule = get(fallback, path)
}
@@ -379,7 +382,7 @@ export default {
return postProcess(usedRule)
},
set (value) {
- if (value) {
+ if (value != null) {
set(allEditedRules.value, getPath(component, directive), value)
} else {
unset(allEditedRules.value, getPath(component, directive))
diff --git a/src/components/status_body/status_body.scss b/src/components/status_body/status_body.scss
index e05ae649a..f89ea8d89 100644
--- a/src/components/status_body/status_body.scss
+++ b/src/components/status_body/status_body.scss
@@ -180,11 +180,11 @@
line-height: inherit;
margin: 0;
border: none;
- display: inline-block;
}
.text-wrapper {
display: inline-block;
+ width: 100%;
}
}
}
diff --git a/src/services/style_setter/style_setter.js b/src/services/style_setter/style_setter.js
index 13606cdd9..ef4a6f5c4 100644
--- a/src/services/style_setter/style_setter.js
+++ b/src/services/style_setter/style_setter.js
@@ -242,7 +242,7 @@ export const applyConfig = (input) => {
.map(([k, v]) => `--${k}: ${v}`).join(';')
document.getElementById('style-config')?.remove()
- const styleEl = document.createElement('style')
+ const styleEl = document.getElementById('theme-holder')
styleEl.id = 'style-config'
head.appendChild(styleEl)
const styleSheet = styleEl.sheet