paperdialoghelper -> dialogHelper

2025-03-30 19:56:21 +00:00 · 2016-03-23 15:03:17 -04:00 · 2016-03-23 15:03:17 -04:00 · ae421fa193
commit ae421fa193
parent 822553d966
37 changed files with 168 additions and 163 deletions
--- a/dashboard-ui/bower_components/emby-webcomponents/dialoghelper/dialoghelper.css
+++ b/dashboard-ui/bower_components/emby-webcomponents/dialoghelper/dialoghelper.css
@ -0,0 +1,128 @@
+.dialog {
+    margin: 0;
+    border-radius: 4px;
+    z-index: 999999 !important;
+    background-color: #fff;
+    position: fixed;
+    margin: 24px 40px;
+    -webkit-overflow-scrolling: touch;
+    background: #ffffff;
+    color: #212121;
+    -webkit-font-smoothing: antialiased;
+    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.4);
+    height: auto;
+    border: 0;
+    padding: 0;
+}
+
+    .dialog.fixedSize {
+        position: fixed !important;
+        top: 0 !important;
+        bottom: 0 !important;
+        left: 0 !important;
+        right: 0 !important;
+        margin: 0 !important;
+        border-radius: 0 !important;
+        max-height: none !important;
+        max-width: none !important;
+        width: auto;
+    }
+
+    .dialog.scrollY {
+        overflow-y: auto;
+        -webkit-overflow-scrolling: touch;
+        overflow-x: hidden;
+    }
+
+    .dialog.hiddenScroll::-webkit-scrollbar {
+        display: none;
+    }
+
+    .dialog.hiddenScroll {
+        -ms-overflow-style: none;
+        overflow: -moz-scrollbars-none;
+    }
+
+@media all and (min-width: 1280px) and (min-height: 720px) {
+
+    .dialog.medium {
+        top: 10% !important;
+        bottom: 10% !important;
+        left: 10% !important;
+        right: 10% !important;
+    }
+
+    .dialog.small {
+        top: 10% !important;
+        bottom: 10% !important;
+        left: 20% !important;
+        right: 20% !important;
+    }
+}
+
+@media all and (min-width: 1280px) and (min-height: 720px) {
+
+    .dialog.fullscreen-border {
+        top: 5% !important;
+        bottom: 5% !important;
+        left: 5% !important;
+        right: 5% !important;
+    }
+}
+
+.noScroll {
+    overflow-x: hidden !important;
+    overflow-y: hidden !important;
+}
+
+.dialog > * {
+    margin-top: 20px;
+    padding: 0 24px;
+}
+
+    .dialog > *:first-child {
+        margin-top: 24px;
+    }
+
+.dialog .buttons {
+    position: relative;
+    padding: 8px 8px 8px 24px;
+    margin: 0;
+    color: #3f51b5;
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
+    -ms-flex-direction: row;
+    -webkit-flex-direction: row;
+    flex-direction: row;
+    -ms-flex-pack: end;
+    -webkit-justify-content: flex-end;
+    justify-content: flex-end;
+}
+
+.dialogBackdrop {
+    background-color: #000;
+    opacity: 0;
+    position: fixed !important;
+    top: 0 !important;
+    bottom: 0 !important;
+    left: 0 !important;
+    right: 0 !important;
+    margin: 0 !important;
+    z-index: 999998 !important;
+    transition: opacity ease-out 0.2s;
+}
+
+.dialogBackdrop.opened {
+    opacity: .6;
+}
+
+.dialog::backdrop {
+    opacity: 0;
+    background-color: #000;
+    transition: opacity ease-out 0.2s;
+}
+
+.dialog.opened::backdrop {
+    opacity: .6;
+}