From f0f73fd24c8da31041869ca5b2bcb43ae3a3d2ee Mon Sep 17 00:00:00 2001 From: Zack Spear Date: Mon, 13 Nov 2023 13:34:35 -0800 Subject: [PATCH] refactor: spinner overlay cover entire page --- emhttp/plugins/dynamix/styles/default-azure.css | 6 +++--- emhttp/plugins/dynamix/styles/default-black.css | 6 +++--- emhttp/plugins/dynamix/styles/default-gray.css | 6 +++--- emhttp/plugins/dynamix/styles/default-white.css | 6 +++--- 4 files changed, 12 insertions(+), 12 deletions(-) diff --git a/emhttp/plugins/dynamix/styles/default-azure.css b/emhttp/plugins/dynamix/styles/default-azure.css index 70d52dd87..7affbad44 100644 --- a/emhttp/plugins/dynamix/styles/default-azure.css +++ b/emhttp/plugins/dynamix/styles/default-azure.css @@ -242,9 +242,9 @@ div.vmtemplate:hover{background-color:#edeaef} div.vmtemplate{height:12rem;width:12rem;border:1px solid #f3f0f4} div.vmtemplate img{margin-top:20px} div.up{margin-top:-20px;border:1px solid #f3f0f4;padding:4px 6px;overflow:auto} -div.spinner{margin:48px auto;text-align:center} -div.spinner.fixed{display:none;position:fixed;top:50%;left:50%;margin-top:-16px;margin-left:-64px;z-index:10000;} -div.spinner .unraid_mark{height:64px} +div.spinner{text-align:center;cursor:not-allowed;} +div.spinner.fixed{display:none;position:fixed;top:0;left:0;z-index:99999;bottom:0;right:0;margin:0;background:rgba(28, 27, 27, .15);} +div.spinner .unraid_mark{height:64px; position:fixed;top:50%;left:50%;margin-top:-16px;margin-left:-64px;} div.spinner .unraid_mark_2,div .unraid_mark_4{animation:mark_2 1.5s ease infinite} div.spinner .unraid_mark_3{animation:mark_3 1.5s ease infinite} div.spinner .unraid_mark_6,div .unraid_mark_8{animation:mark_6 1.5s ease infinite} diff --git a/emhttp/plugins/dynamix/styles/default-black.css b/emhttp/plugins/dynamix/styles/default-black.css index 301696913..33203ce47 100644 --- a/emhttp/plugins/dynamix/styles/default-black.css +++ b/emhttp/plugins/dynamix/styles/default-black.css @@ -229,9 +229,9 @@ div.Panel i.PanelIcon{font-size:32px;color:#f2f2f2} div.user-list{float:left;padding:10px;margin-right:10px;margin-bottom:24px;border:1px solid #2f2f2f;border-radius:5px;line-height:2rem;height:10rem;width:10rem;background-color:#262626} div.user-list img{width:auto;max-width:48px;height:48px;margin-bottom:16px} div.up{margin-top:-30px;border:1px solid #2b2b2b;padding:4px 6px;overflow:auto} -div.spinner{margin:48px auto;text-align:center} -div.spinner.fixed{display:none;position:fixed;top:50%;left:50%;margin-top:-16px;margin-left:-64px;z-index:10000;} -div.spinner .unraid_mark{height:64px} +div.spinner{text-align:center;cursor:not-allowed;} +div.spinner.fixed{display:none;position:fixed;top:0;left:0;z-index:99999;bottom:0;right:0;margin:0;background:rgba(255, 255, 255, .15);} +div.spinner .unraid_mark{height:64px; position:fixed;top:50%;left:50%;margin-top:-16px;margin-left:-64px;} div.spinner .unraid_mark_2,div .unraid_mark_4{animation:mark_2 1.5s ease infinite} div.spinner .unraid_mark_3{animation:mark_3 1.5s ease infinite} div.spinner .unraid_mark_6,div .unraid_mark_8{animation:mark_6 1.5s ease infinite} diff --git a/emhttp/plugins/dynamix/styles/default-gray.css b/emhttp/plugins/dynamix/styles/default-gray.css index 1e7d685e3..98915848f 100644 --- a/emhttp/plugins/dynamix/styles/default-gray.css +++ b/emhttp/plugins/dynamix/styles/default-gray.css @@ -242,9 +242,9 @@ div.vmtemplate:hover{background-color:#121510} div.vmtemplate{height:12rem;width:12rem;border:1px solid #0c0f0b} div.vmtemplate img{margin-top:20px} div.up{margin-top:-20px;border:1px solid #0c0f0b;padding:4px 6px;overflow:auto} -div.spinner{margin:48px auto;text-align:center} -div.spinner.fixed{display:none;position:fixed;top:50%;left:50%;margin-top:-16px;margin-left:-64px;z-index:10000;} -div.spinner .unraid_mark{height:64px} +div.spinner{text-align:center;cursor:not-allowed;} +div.spinner.fixed{display:none;position:fixed;top:0;left:0;z-index:99999;bottom:0;right:0;margin:0;background:rgba(255, 255, 255, .15);} +div.spinner .unraid_mark{height:64px; position:fixed;top:50%;left:50%;margin-top:-16px;margin-left:-64px;} div.spinner .unraid_mark_2,div .unraid_mark_4{animation:mark_2 1.5s ease infinite} div.spinner .unraid_mark_3{animation:mark_3 1.5s ease infinite} div.spinner .unraid_mark_6,div .unraid_mark_8{animation:mark_6 1.5s ease infinite} diff --git a/emhttp/plugins/dynamix/styles/default-white.css b/emhttp/plugins/dynamix/styles/default-white.css index c2e152c85..24e8b3f46 100644 --- a/emhttp/plugins/dynamix/styles/default-white.css +++ b/emhttp/plugins/dynamix/styles/default-white.css @@ -229,9 +229,9 @@ div.Panel i.PanelIcon{font-size:32px;color:#1c1b1b} div.user-list{float:left;padding:10px;margin-right:10px;margin-bottom:24px;border:1px solid #dedede;border-radius:5px;line-height:2rem;height:10rem;width:10rem;background-color:#e8e8e8} div.user-list img{width:auto;max-width:48px;height:48px;margin-bottom:16px} div.up{margin-top:-30px;border:1px solid #e3e3e3;padding:4px 6px;overflow:auto} -div.spinner{margin:48px auto;text-align:center} -div.spinner.fixed{display:none;position:fixed;top:50%;left:50%;margin-top:-16px;margin-left:-64px;z-index:10000;} -div.spinner .unraid_mark{height:64px} +div.spinner{text-align:center;cursor:not-allowed;} +div.spinner.fixed{display:none;position:fixed;top:0;left:0;z-index:99999;bottom:0;right:0;margin:0;background:rgba(0, 0, 0, .15);} +div.spinner .unraid_mark{height:64px; position:fixed;top:50%;left:50%;margin-top:-16px;margin-left:-64px;} div.spinner .unraid_mark_2,div .unraid_mark_4{animation:mark_2 1.5s ease infinite} div.spinner .unraid_mark_3{animation:mark_3 1.5s ease infinite} div.spinner .unraid_mark_6,div .unraid_mark_8{animation:mark_6 1.5s ease infinite}