mirror of
https://github.com/unraid/webgui.git
synced 2026-01-06 17:49:58 -06:00
refactor: spinner overlay cover entire page
This commit is contained in:
@@ -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}
|
||||
|
||||
@@ -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}
|
||||
|
||||
@@ -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}
|
||||
|
||||
@@ -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}
|
||||
|
||||
Reference in New Issue
Block a user