fix shadow picker preview, change hint

This commit is contained in:
Henry Jameson 2020-01-20 02:00:13 +02:00
parent a7b6c79136
commit 93dfb4d352
3 changed files with 8 additions and 5 deletions

View file

@ -95,7 +95,7 @@ export default {
}, },
style () { style () {
return this.ready ? { return this.ready ? {
boxShadow: getCssShadow(this.cValue) boxShadow: getCssShadow(this.fallback)
} : {} } : {}
} }
} }

View file

@ -199,9 +199,12 @@
v-model="selected.alpha" v-model="selected.alpha"
:disabled="!present" :disabled="!present"
/> />
<p> <i18n
{{ $t('settings.style.shadows.hint') }} path="settings.style.shadows.hintV3"
</p> tag="p"
>
<code>--variable,mod</code>
</i18n>
</div> </div>
</div> </div>
</template> </template>

View file

@ -452,7 +452,7 @@
"blur": "Blur", "blur": "Blur",
"spread": "Spread", "spread": "Spread",
"inset": "Inset", "inset": "Inset",
"hint": "For shadows you can also use --variable as a color value to use CSS3 variables. Please note that setting opacity won't work in this case.", "hintV3": "For shadows you can also use the {0} notation to use other color slot.",
"filter_hint": { "filter_hint": {
"always_drop_shadow": "Warning, this shadow always uses {0} when browser supports it.", "always_drop_shadow": "Warning, this shadow always uses {0} when browser supports it.",
"drop_shadow_syntax": "{0} does not support {1} parameter and {2} keyword.", "drop_shadow_syntax": "{0} does not support {1} parameter and {2} keyword.",