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

better migration progress bar (#1993)

Browse Source 
* better migration progress bar

* show different messages based on setup type and fix modal height

* type safety

Co-authored-by: Matt Hill <matthewonthemoon@gmail.com>
This commit is contained in:
Aiden McClelland
2022-11-29 11:45:46 -07:00
committed by GitHub
parent ccb85737f7
commit 837d4c1597
15 changed files with 120 additions and 90 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
frontend/projects/shared/styles/shared.scss
View File

@@ -1,5 +1,4 @@
$wide-modal: 900px;
$medium-modal: 600px;
body {
-webkit-user-select: text;
@@ -24,17 +23,16 @@ ion-alert {
}
}
ion-modal::part(content) {
position: absolute;
height: 90% !important;
top: 5%;
width: 90% !important;
left: 5%;
display: block;
border-radius: 6px;
border: 2px solid rgba(255, 255, 255, 0.03);
box-shadow: 0 32px 64px rgba(0, 0, 0, 0.2);
ion-modal {
--max-height: 600px;
&::part(content) {
width: 90% !important;
left: 5%;
border-radius: 6px;
border: 2px solid rgba(255, 255, 255, 0.03);
box-shadow: 0 32px 64px rgba(0, 0, 0, 0.2);
}
}
.alertlike-modal {
@@ -47,33 +45,8 @@ ion-modal::part(content) {
}
}
.medium-modal {
&::part(content) {
position: absolute;
height: 80% !important;
top: 10%;
width: 90% !important;
left: 5% !important;
}
}
@media (min-width: 1000px) {
.medium-modal {
&::part(content) {
position: absolute;
height: 80% !important;
top: 10%;
width: $medium-modal !important;
left: calc((100vw - $medium-modal) / 2) !important;
}
}
}
@media (min-width: 1000px) {
ion-modal::part(content) {
position: absolute;
height: 80% !important;
top: 10%;
width: $wide-modal !important;
left: calc((100vw - $wide-modal) / 2) !important;
}