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

Add haml and css for custom modals

Browse Source
This commit is contained in:
Meron Ogbai
2021-09-09 06:18:46 +03:00
parent f8486bcbf8
commit d4f7b318e7
3 changed files with 49 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
app/assets/stylesheets/admin/orders.scss
View File

@@ -134,3 +134,33 @@ table.index td.actions {
color: $warning-red;
}
}
.modal {
display: none;
position: fixed;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.4);
text-align: center;
.modal-content {
background-color: $color-1;
margin: 15% auto;
padding: 1.2em;
width: 30%;
border-radius: 1em;
border: 1px solid $color-border;
}
.modal-title {
font-size: $h4-size;
}
.message {
font-size: $h5-size;
padding: 1.2em 0;
}
}

8
app/views/spree/admin/shared/_custom-alert.html.haml Normal file
View File

@@ -0,0 +1,8 @@
#custom-alert.modal
.modal-content
.modal-title
%i.icon-warning-sign
.message
.action-buttons
%button.confirm
= t(:ok)

11
app/views/spree/admin/shared/_custom-confirm.html.haml Normal file
View File

@@ -0,0 +1,11 @@
#custom-confirm.modal
.modal-content
.modal-title
%i.icon-question-sign
.message
= t(:are_you_sure)
.action-buttons
%button.cancel
= t(:cancel)
%button.confirm.red
= t(:ok)