aboutsummaryrefslogtreecommitdiff
path: root/src/components/admin_modal/admin_modal.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/admin_modal/admin_modal.scss')
-rw-r--r--src/components/admin_modal/admin_modal.scss80
1 files changed, 0 insertions, 80 deletions
diff --git a/src/components/admin_modal/admin_modal.scss b/src/components/admin_modal/admin_modal.scss
deleted file mode 100644
index 0d916f32..00000000
--- a/src/components/admin_modal/admin_modal.scss
+++ /dev/null
@@ -1,80 +0,0 @@
-@import "src/variables";
-
-.admin-modal {
- overflow: hidden;
-
- .setting-list,
- .option-list {
- list-style-type: none;
- padding-left: 2em;
-
- li {
- margin-bottom: 0.5em;
- }
-
- .suboptions {
- margin-top: 0.3em;
- }
- }
-
- .admin-modal-panel {
- overflow: hidden;
- transition: transform;
- transition-timing-function: ease-in-out;
- transition-duration: 300ms;
- width: 1000px;
- max-width: 90vw;
- height: 90vh;
-
- @media all and (max-width: 800px) {
- max-width: 100vw;
- height: 100%;
- }
-
- >.panel-body {
- height: 100%;
- overflow-y: hidden;
-
- .btn {
- min-height: 2em;
- min-width: 10em;
- padding: 0 2em;
- }
- }
- }
-
- .admin-footer {
- display: flex;
-
- >* {
- margin-right: 0.5em;
- }
-
- .extra-content {
- display: flex;
- flex-grow: 1;
- }
- }
-
- &.peek {
- .admin-modal-panel {
- /* Explanation:
- * Modal is positioned vertically centered.
- * 100vh - 100% = Distance between modal's top+bottom boundaries and screen
- * (100vh - 100%) / 2 = Distance between bottom (or top) boundary and screen
- * + 100% - we move modal completely off-screen, it's top boundary touches
- * bottom of the screen
- * - 50px - leaving tiny amount of space so that titlebar + tiny amount of modal is visible
- */
- transform: translateY(calc(((100vh - 100%) / 2 + 100%) - 50px));
-
- @media all and (max-width: 800px) {
- /* For mobile, the modal takes 100% of the available screen.
- This ensures the minimized modal is always 50px above the browser bottom
- bar regardless of whether or not it is visible.
- */
- transform: translateY(calc(100% - 50px));
- }
- }
- }
-}