move some elements to a new directory

2019-12-11 23:54:56 +09:00 · 2019-12-11 23:54:56 +09:00 · f036ccc674
commit f036ccc674
parent 758477f1ae
24 changed files with 15 additions and 30 deletions
--- a/src/elements/emby-select/emby-select.css
+++ b/src/elements/emby-select/emby-select.css
@ -0,0 +1,110 @@
+.emby-select {
+    display: block;
+    margin: 0;
+    margin-bottom: 0 !important;
+    /* Remove select styling */
+    /* Font size must the 16px or larger to prevent iOS page zoom on focus */
+    font-size: 110%;
+    /* General select styles: change as needed */
+    font-family: inherit;
+    font-weight: inherit;
+    padding: .5em 1.9em .5em .5em;
+    /* 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-select[disabled] {
+        background: none !important;
+        border-color: transparent !important;
+        color: inherit !important;
+        -webkit-appearance: none;
+        -moz-appearance: none;
+        appearance: none;
+    }
+
+.selectContainer-inline > .emby-select {
+    padding: .3em 1.9em .3em .5em;
+    font-size: inherit;
+}
+
+    .selectContainer-inline > .emby-select[disabled] {
+        padding-left: 0;
+        padding-right: 0;
+    }
+
+.emby-select::-moz-focus-inner {
+    border: 0;
+}
+
+.emby-select-focusscale {
+    transition: transform 180ms ease-out !important;
+    -webkit-transform-origin: center center;
+    transform-origin: center center;
+}
+
+    .emby-select-focusscale:focus {
+        transform: scale(1.04);
+        z-index: 1;
+    }
+
+.emby-select + .fieldDescription {
+    margin-top: .25em;
+}
+
+.selectContainer {
+    margin-bottom: 1.8em;
+    position: relative;
+}
+
+.selectContainer-inline {
+    display: inline-flex;
+    margin-bottom: 0;
+    align-items: center;
+}
+
+.selectLabel {
+    display: block;
+    margin-bottom: .25em;
+}
+
+.selectContainer-inline > .selectLabel {
+    margin-bottom: 0;
+    margin-right: .5em;
+    flex-shrink: 0;
+}
+
+.emby-select-withcolor {
+    -webkit-appearance: none;
+    appearance: none;
+    border-radius: .2em;
+}
+
+.selectArrowContainer {
+    position: absolute;
+    right: .3em;
+    top: .2em;
+    color: inherit;
+    pointer-events: none;
+}
+
+.selectContainer-inline > .selectArrowContainer {
+    top: initial;
+    bottom: .24em;
+    font-size: 90%;
+}
+
+.emby-select[disabled] + .selectArrowContainer {
+    display: none;
+}
+
+.selectArrow {
+    margin-top: .35em;
+    font-size: 1.7em;
+}
+
+.emby-select-iconbutton {
+    align-self: flex-end;
+}