diff options
Diffstat (limited to 'src/components/style_switcher')
| -rw-r--r-- | src/components/style_switcher/style_switcher.scss | 12 | ||||
| -rw-r--r-- | src/components/style_switcher/style_switcher.vue | 10 |
2 files changed, 10 insertions, 12 deletions
diff --git a/src/components/style_switcher/style_switcher.scss b/src/components/style_switcher/style_switcher.scss index 135c113a..7291a884 100644 --- a/src/components/style_switcher/style_switcher.scss +++ b/src/components/style_switcher/style_switcher.scss @@ -15,12 +15,14 @@ &.disabled { input, select { - &:not(.exclude-disabled) { - opacity: .5 - } + opacity: .5 } } + .opt { + margin: .5em; + } + input, select { min-width: 3em; margin: 0; @@ -44,10 +46,6 @@ min-width: 3em; } - &[type=checkbox] + label { - margin: 6px 0; - } - &:not([type=number]):not([type=text]) { align-self: flex-start; } diff --git a/src/components/style_switcher/style_switcher.vue b/src/components/style_switcher/style_switcher.vue index f5b12e7e..f993e070 100644 --- a/src/components/style_switcher/style_switcher.vue +++ b/src/components/style_switcher/style_switcher.vue @@ -239,7 +239,7 @@ v-model="panelOpacityLocal" name="panelOpacity" :fallback="previewTheme.opacity.panel" - :showOptionalTickbox="panelColorLocal !== 'transparent'" + :disabled="panelColorLocal === 'transparent'" /> <ColorInput v-model="panelTextColorLocal" @@ -297,7 +297,7 @@ v-model="inputOpacityLocal" name="inputOpacity" :fallback="previewTheme.opacity.input" - :showOptionalTickbox="inputColorLocal !== 'transparent'" + :disabled="inputColorLocal === 'transparent'" /> <ColorInput v-model="inputTextColorLocal" @@ -319,7 +319,7 @@ v-model="btnOpacityLocal" name="btnOpacity" :fallback="previewTheme.opacity.btn" - :showOptionalTickbox="btnColorLocal !== 'transparent'" + :disabled="btnColorLocal === 'transparent'" /> <ColorInput v-model="btnTextColorLocal" @@ -341,7 +341,7 @@ v-model="borderOpacityLocal" name="borderOpacity" :fallback="previewTheme.opacity.border" - :showOptionalTickbox="borderColorLocal !== 'transparent'" + :disabled="borderColorLocal === 'transparent'" /> </div> <div class="color-item"> @@ -382,7 +382,7 @@ v-model="underlayOpacityLocal" name="underlayOpacity" :fallback="previewTheme.opacity.underlay" - :showOptionalTickbox="underlayOpacityLocal !== 'transparent'" + :disabled="underlayOpacityLocal === 'transparent'" /> </div> </div> |