raggedstaff/openfoodnetwork
1
0
Fork 0
mirror of https://github.com/openfoodfoundation/openfoodnetwork synced 2026-03-05 02:41:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

Ensure loading message always shows

Browse Source 
Before, it was affixed near the top of the page and wasn't visible after scrolling down.
This commit is contained in:
David Cook
2023-11-29 16:12:45 +11:00
parent 300998acb6
commit 127eaa44e5
2 changed files with 17 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/views/admin/products_v3/index.html.haml
View File

@@ -11,7 +11,9 @@
= render partial: 'spree/admin/shared/product_sub_menu'
#products_v3_page{ "data-controller": "products" }
#loading-spinner.spinner-container{ "data-controller": "loading", "data-products-target": "loading" }
.spinner
= t('.loading')
.spinner-overlay{ "data-controller": "loading", "data-products-target": "loading" }
.spinner-container
.spinner
= t('.loading')
#products-content

17
app/webpacker/css/admin_v3/components/spinner.scss
View File

@@ -1,16 +1,23 @@
.spinner-container {
.spinner-overlay {
position: absolute;
width: 100%;
left: 0;
right: 0;
height: 100%;
min-height: 200px;
background: rgba(255, 255, 255, 0.8);
z-index: 2;
}
.spinner-container {
position: fixed;
left: 0;
right: 0;
display: flex;
justify-content: flex-start;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 40px;
font-size: 24px;
background: rgba(255, 255, 255, 0.8);
z-index: 2;
&.hidden {
display: none;