liz/wikijs-fork
liz/wikijs-fork
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: use monospaced font for code injection textareas

Browse Source
This commit is contained in:
NGPixel 2020-01-26 17:27:04 -05:00
parent 95e79a7316
commit 1a4e96d074
1 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
client/components/admin/admin-theme.vue
View File

@ -100,7 +100,7 @@
v-toolbar(color='primary', dark, dense, flat) v-toolbar(color='primary', dark, dense, flat)
v-toolbar-title.subtitle-1 {{$t(`admin:theme.codeInjection`)}} v-toolbar-title.subtitle-1 {{$t(`admin:theme.codeInjection`)}}
v-card-text v-card-text
v-textarea( v-textarea.is-monospaced(
v-model='config.injectCSS' v-model='config.injectCSS'
:label='$t(`admin:theme.cssOverride`)' :label='$t(`admin:theme.cssOverride`)'
outlined outlined
@ -112,7 +112,7 @@
i18next.caption.pl-2.ml-1(path='admin:theme.cssOverrideWarning', tag='div') i18next.caption.pl-2.ml-1(path='admin:theme.cssOverrideWarning', tag='div')
strong.red--text(place='caution') {{$t('admin:theme.cssOverrideWarningCaution')}} strong.red--text(place='caution') {{$t('admin:theme.cssOverrideWarningCaution')}}
code(place='cssClass') .contents code(place='cssClass') .contents
v-textarea.mt-3( v-textarea.is-monospaced.mt-3(
v-model='config.injectHead' v-model='config.injectHead'
:label='$t(`admin:theme.headHtmlInjection`)' :label='$t(`admin:theme.headHtmlInjection`)'
outlined outlined
@ -121,7 +121,7 @@
:hint='$t(`admin:theme.headHtmlInjectionHint`)' :hint='$t(`admin:theme.headHtmlInjectionHint`)'
auto-grow auto-grow
) )
v-textarea.mt-2( v-textarea.is-monospaced.mt-2(
v-model='config.injectBody' v-model='config.injectBody'
:label='$t(`admin:theme.bodyHtmlInjection`)' :label='$t(`admin:theme.bodyHtmlInjection`)'
outlined outlined
@ -246,5 +246,10 @@ export default {
</script> </script>
<style lang='scss'> <style lang='scss'>
.v-textarea.is-monospaced textarea {
font-family: 'Roboto Mono';
font-size: 13px;
font-weight: 600;
line-height: 1.4;
}
</style> </style>