Start9/start-os
2
0
Fork 0
mirror of https://github.com/Start9Labs/start-os.git synced 2026-03-30 20:14:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

rework modals and more

Browse Source
This commit is contained in:
Matt Hill
2021-07-05 20:26:42 -06:00
committed by Aiden McClelland
parent d9f1c9b021
commit b7bd147c76
84 changed files with 380 additions and 508 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
ui/src/global.scss
View File

@@ -111,7 +111,7 @@ ion-badge {
ion-item-divider {
--background: transparent;
text-transform: uppercase;
margin-top: 16px;
margin-top: 12px;
font-weight: 400;
}
@@ -161,9 +161,9 @@ ion-popover {
.modal-wrapper {
position: absolute;
height: 90%!important;
height: 90% !important;
top: 5%;
width: 90%!important;
width: 90% !important;
left: 5%;
display: block;
}
@@ -171,37 +171,30 @@ ion-popover {
@media (min-width:1000px) {
.modal-wrapper {
position: absolute;
height: 80% !important;
top: 10%;
width: 60% !important;
left: 20%;
height: 60% !important;
top: 20%;
width: 50% !important;
left: 25%;
display: block;
}
}
@media (min-width:1000px) {
.alertlike-modal {
--backdrop-opacity: 0.7 !important;
.modal-wrapper {
height: 46% !important;
width: 46% !important;
left: 26% !important;
top: 26% !important;
--box-shadow: none !important;
}
.alertlike-modal {
.modal-wrapper {
height: 50% !important;
top: 25% !important;
width: 90% !important;
left: 5% !important;
--box-shadow: none !important;
}
}
.alertlike-modal {
--backdrop-opacity: 0.7 !important;
.modal-wrapper {
height: 60% !important;
width: 80% !important;
left: 10% !important;
top: 20% !important;
--box-shadow: none !important;
@media (min-width:1000px) {
.alertlike-modal {
.modal-wrapper {
width: 50% !important;
left: 25% !important;
}
}
}
@@ -234,14 +227,9 @@ ion-loading {
}
ion-modal {
--box-shadow: 3px 4px 14px 3px rgba(255,255,255,0.3) !important;
}
ion-modal:first-of-type {
--backdrop-opacity: 0.75 !important;
}
.swiper-pagination {
position: fixed;
bottom: 0px;