forked from AkkomaGang/akkoma-fe
checkbox radius
This commit is contained in:
parent
d2f3b6d244
commit
91ea9b7b0e
6 changed files with 12 additions and 4 deletions
|
@ -178,8 +178,8 @@ input, textarea, .select {
|
|||
transition: color 200ms;
|
||||
width: 1.1em;
|
||||
height: 1.1em;
|
||||
border-radius: $fallback--checkBoxRadius;
|
||||
border-radius: var(--checkBoxRadius, $fallback--checkBoxRadius);
|
||||
border-radius: $fallback--checkboxRadius;
|
||||
border-radius: var(--checkboxRadius, $fallback--checkboxRadius);
|
||||
box-shadow: 0px 0px 2px black inset;
|
||||
box-shadow: var(--inputShadow);
|
||||
margin-right: .5em;
|
||||
|
|
|
@ -19,7 +19,7 @@ $fallback--cOrange: orange;
|
|||
$fallback--alertError: rgba(211,16,20,.5);
|
||||
|
||||
$fallback--panelRadius: 10px;
|
||||
$fallback--checkBoxRadius: 2px;
|
||||
$fallback--checkboxRadius: 2px;
|
||||
$fallback--btnRadius: 4px;
|
||||
$fallback--inputRadius: 4px;
|
||||
$fallback--tooltipRadius: 5px;
|
||||
|
|
|
@ -76,6 +76,7 @@ export default {
|
|||
|
||||
btnRadiusLocal: '',
|
||||
inputRadiusLocal: '',
|
||||
checkboxRadiusLocal: '',
|
||||
panelRadiusLocal: '',
|
||||
avatarRadiusLocal: '',
|
||||
avatarAltRadiusLocal: '',
|
||||
|
@ -154,6 +155,7 @@ export default {
|
|||
return {
|
||||
btn: this.btnRadiusLocal,
|
||||
input: this.inputRadiusLocal,
|
||||
checkbox: this.checkboxRadiusLocal,
|
||||
panel: this.panelRadiusLocal,
|
||||
avatar: this.avatarRadiusLocal,
|
||||
avatarAlt: this.avatarAltRadiusLocal,
|
||||
|
@ -421,6 +423,7 @@ export default {
|
|||
// TODO optimize this
|
||||
this.btnRadiusLocal = radii.btn
|
||||
this.inputRadiusLocal = radii.input
|
||||
this.checkboxRadiusLocal = radii.checkbox
|
||||
this.panelRadiusLocal = radii.panel
|
||||
this.avatarRadiusLocal = radii.avatar
|
||||
this.avatarAltRadiusLocal = radii.avatarAlt
|
||||
|
|
|
@ -135,7 +135,8 @@
|
|||
<div>
|
||||
<p>{{$t('settings.radii_help')}}</p>
|
||||
<RangeInput name="btnRadius" :label="$t('settings.btnRadius')" v-model="btnRadiusLocal" :fallback="previewTheme.radii.btn" max="16" hardMin="0"/>
|
||||
<RangeInput name="inputRadius" :label="$t('settings.inputRadius')" v-model="inputRadiusLocal" :fallback="previewTheme.radii.input" max="16" hardMin="0"/>
|
||||
<RangeInput name="inputRadius" :label="$t('settings.inputRadius')" v-model="inputRadiusLocal" :fallback="previewTheme.radii.input" max="9" hardMin="0"/>
|
||||
<RangeInput name="checkboxRadius" :label="$t('settings.checkboxRadius')" v-model="checkboxRadiusLocal" :fallback="previewTheme.radii.checkbox" max="16" hardMin="0"/>
|
||||
<RangeInput name="panelRadius" :label="$t('settings.panelRadius')" v-model="panelRadiusLocal" :fallback="previewTheme.radii.panel" max="50" hardMin="0"/>
|
||||
<RangeInput name="avatarRadius" :label="$t('settings.avatarRadius')" v-model="avatarRadiusLocal" :fallback="previewTheme.radii.avatar" max="28" hardMin="0"/>
|
||||
<RangeInput name="avatarAltRadius" :label="$t('settings.avatarAltRadius')" v-model="avatarAltRadiusLocal" :fallback="previewTheme.radii.avatarAlt" max="28" hardMin="0"/>
|
||||
|
|
|
@ -114,6 +114,7 @@
|
|||
"import_followers_from_a_csv_file": "Import follows from a csv file",
|
||||
"import_theme": "Load preset",
|
||||
"inputRadius": "Input fields",
|
||||
"checkboxRadius": "Checkboxes",
|
||||
"instance_default": "(default: {value})",
|
||||
"interfaceLanguage": "Interface language",
|
||||
"invalid_theme_imported": "The selected file is not a supported Pleroma theme. No changes to your theme were made.",
|
||||
|
|
|
@ -271,6 +271,7 @@
|
|||
"radii": {
|
||||
"btn": "0",
|
||||
"input": "0",
|
||||
"checkbox": "0",
|
||||
"panel": "0",
|
||||
"avatar": "0",
|
||||
"avatarAlt": "0",
|
||||
|
@ -555,6 +556,7 @@
|
|||
"radii": {
|
||||
"btn": "0",
|
||||
"input": "0",
|
||||
"checkbox": "0",
|
||||
"panel": "0",
|
||||
"avatar": "0",
|
||||
"avatarAlt": "0",
|
||||
|
@ -839,6 +841,7 @@
|
|||
"radii": {
|
||||
"btn": "0",
|
||||
"input": "0",
|
||||
"checkbox": "0",
|
||||
"panel": "0",
|
||||
"avatar": "0",
|
||||
"avatarAlt": "0",
|
||||
|
|
Loading…
Reference in a new issue