Selaa lähdekoodia

Fix default input element height

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
tags/v16.0.0alpha1
John Molakvoæ (skjnldsv) 5 vuotta sitten
vanhempi
commit
2503520121
No account linked to committer's email address
3 muutettua tiedostoa jossa 12 lisäystä ja 12 poistoa
  1. 0
    4
      core/css/fixes.scss
  2. 11
    5
      core/css/inputs.scss
  3. 1
    3
      settings/css/settings.scss

+ 0
- 4
core/css/fixes.scss Näytä tiedosto

border: 0; border: 0;
} }


/* fix height of select boxes for OS X */
select {
height: 32px;
}

+ 11
- 5
core/css/inputs.scss Näytä tiedosto

font-family: var(--font-face) !important; font-family: var(--font-face) !important;
} }


$default-height: 34px;

/* Simple selector to allow easy overriding */ /* Simple selector to allow easy overriding */
select, select,
button, button,
div[contenteditable=true], div[contenteditable=true],
div[contenteditable=false] { div[contenteditable=false] {
width: 130px; width: 130px;
min-height: 32px;
min-height: $default-height;
box-sizing: border-box; box-sizing: border-box;
} }


* color-text-maxcontrast disabled state * color-text-maxcontrast disabled state
*/ */



/* Default global values */ /* Default global values */
div.select2-drop .select2-search input, // TODO: REMOVE WHEN DROPPING SELECT2 div.select2-drop .select2-search input, // TODO: REMOVE WHEN DROPPING SELECT2
select, select,
&:not([type='radio']):not([type='checkbox']):not([type='range']):not([type='submit']):not([type='button']):not([type='reset']):not([type='color']):not([type='file']):not([type='image']) { &:not([type='radio']):not([type='checkbox']):not([type='range']):not([type='submit']):not([type='button']):not([type='reset']):not([type='color']):not([type='file']):not([type='image']) {
-webkit-appearance: textfield; -webkit-appearance: textfield;
-moz-appearance: textfield; -moz-appearance: textfield;
// force height for inline elements like inputs (not textarea, contenteditable...)
height: $default-height;
} }
&[type='radio'], &[type='radio'],
&[type='checkbox'], &[type='checkbox'],
input[type='reset'] { input[type='reset'] {
padding: 6px 12px; padding: 6px 12px;
width: auto; width: auto;
min-height: 34px;
min-height: $default-height;
cursor: pointer; cursor: pointer;
box-sizing: border-box; box-sizing: border-box;
background-color: var(--color-background-dark); background-color: var(--color-background-dark);
background-color: inherit; background-color: inherit;
outline: 0; outline: 0;
padding-right: 24px !important; padding-right: 24px !important;
// force height for inline elements like inputs (not textarea, contenteditable...)
height: $default-height;
} }


/* Confirm inputs */ /* Confirm inputs */
/* Avoid background under border */ /* Avoid background under border */
background-color: var(--color-main-background) !important; background-color: var(--color-main-background) !important;
opacity: 1; opacity: 1;
width: 34px;
height: $default-height;
width: $default-height;
padding: 7px 6px; padding: 7px 6px;
cursor: pointer; cursor: pointer;
margin-right: 0; margin-right: 0;
cursor: pointer; cursor: pointer;
position: relative; position: relative;
border-radius: var(--border-radius); border-radius: var(--border-radius);
height: 34px;
height: $default-height;
/* tag wrapper */ /* tag wrapper */
.multiselect__tags-wrap { .multiselect__tags-wrap {
align-items: center; align-items: center;

+ 1
- 3
settings/css/settings.scss Näytä tiedosto

} }
} }
.icon-confirm { .icon-confirm {
width: 32px;
height: 32px;
flex: 0 0 32px;
flex: 0 0 auto;
cursor: pointer; cursor: pointer;
&:not(:active) { &:not(:active) {
display: none; display: none;

Loading…
Peruuta
Tallenna