d58f2e8ec4
This commit also removes a bunch of vendor prefixes that were in the styles but are no longer needed since PostCSS and Autoprefixer handles generating them.
73 lines
1.4 KiB
SCSS
73 lines
1.4 KiB
SCSS
.emby-input {
|
|
display: block;
|
|
margin: 0;
|
|
margin-bottom: 0 !important;
|
|
font-family: inherit;
|
|
font-weight: inherit;
|
|
padding: 0.4em 0.25em;
|
|
|
|
/* must the 16px or larger to prevent iOS page zoom on focus */
|
|
font-size: 110%;
|
|
|
|
/* prevent padding from causing width overflow */
|
|
box-sizing: border-box;
|
|
outline: none !important;
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
width: 100%;
|
|
}
|
|
|
|
.emby-input[type=color] {
|
|
height: 2.5em;
|
|
padding: 0;
|
|
}
|
|
|
|
.emby-input::-moz-focus-inner {
|
|
border: 0;
|
|
}
|
|
|
|
.emby-input:required {
|
|
box-shadow: none;
|
|
}
|
|
|
|
.inputContainer {
|
|
margin-bottom: 1.8em;
|
|
}
|
|
|
|
.inlineForm {
|
|
display: flex;
|
|
}
|
|
|
|
.inlineForm .inputContainer,
|
|
.inlineForm .selectContainer {
|
|
flex-basis: 0;
|
|
flex-grow: 1;
|
|
margin: 0 0.5em 1.8em;
|
|
}
|
|
|
|
[dir="rtl"] .inlineForm .inputContainer:last-child,
|
|
[dir="rtl"] .inlineForm .selectContainer:last-child,
|
|
[dir="ltr"] .inlineForm .inputContainer:first-child,
|
|
[dir="ltr"] .inlineForm .selectContainer:first-child {
|
|
margin-left: 0;
|
|
}
|
|
|
|
[dir="ltr"] .inlineForm .inputContainer:last-child,
|
|
[dir="ltr"] .inlineForm .selectContainer:last-child,
|
|
[dir="rtl"] .inlineForm .inputContainer:first-child,
|
|
[dir="rtl"] .inlineForm .selectContainer:first-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.inputLabel {
|
|
display: inline-block;
|
|
margin-bottom: 0.25em;
|
|
}
|
|
|
|
.emby-input + .fieldDescription {
|
|
margin-top: 0.25em;
|
|
}
|
|
|
|
.emby-input-iconbutton {
|
|
align-self: flex-end;
|
|
}
|