Start9/start-os
2
0
Fork 0
mirror of https://github.com/Start9Labs/start-os.git synced 2026-03-31 04:23:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

Drew cleanup (#380)

Browse Source 
* accordion works

* cleanup

* styling

* more styling

* App show change (#387)

* show page change

* no marketplace

* app show changes

* update marketplace list

* icon

* top left icon

* toolbar

* right size

* out of toolbar

* no service details

* fix skeleton text and server metrics page

* stuck

* add session management

* complete sessions feature

* app show page

* remove unnecessary icons

* add cli to list of possible sessions

* Modal global (#383)

* modal checkpoint

* global modal

* black looks good now

* black looks good now

* not smaller

Co-authored-by: Drew Ansbacher <drew.ansbacher@spiredigital.com>

Co-authored-by: Drew Ansbacher <drew.ansbacher@spiredigital.com>
Co-authored-by: Drew Ansbacher <drew.ansbacher@gmail.com>

Co-authored-by: Drew Ansbacher <drew.ansbacher@spiredigital.com>
Co-authored-by: Matt Hill <matthewonthemoon@gmail.com>
Co-authored-by: Matt Hill <MattDHill@users.noreply.github.com>
This commit is contained in:
Drew Ansbacher
2021-07-29 16:59:03 -04:00
committed by Aiden McClelland
parent 11da141b73
commit 4ea214f79e
71 changed files with 808 additions and 694 deletions
Download Patch File Download Diff File Expand all files Collapse all files

85
ui/src/global.scss
View File

@@ -25,10 +25,6 @@
@import "~@ionic/angular/css/text-transformation.css";
@import "~@ionic/angular/css/flex-utils.css";
.ios ion-title {
padding-inline-start: 60px;
padding-inline-end: 60px;
}
.select-change-warning .alert-sub-title {
color: var(--ion-color-warning)
@@ -100,8 +96,11 @@ ion-toast {
white-space: normal !important;
}
img {
border-radius: 100%;
}
ion-card-title {
color: var(--ion-color-dark);
font-family: 'Montserrat';
}
@@ -109,11 +108,6 @@ ion-title {
font-family: 'Montserrat';
}
ion-textarea {
margin-top: 0;
padding-left: 12px;
}
ion-note {
max-width: 140px;
overflow: hidden;
@@ -125,23 +119,16 @@ ion-badge {
font-weight: bold;
}
ion-item-divider {
--background: transparent;
text-transform: uppercase;
margin-top: 12px;
font-weight: 400;
ion-toolbar {
--min-height: 72px;
--ion-background-color: var(--ion-color-light);
}
ion-infinite-scroll ion-infinite-scroll-content {
--color: var(--ion-color-warning) !important;
}
ion-action-sheet {
--backdrop-opacity: 0.75 !important;
}
ion-alert {
--backdrop-opacity: 0.75 !important;
.alert-button {
color: var(--ion-color-dark) !important;
}
@@ -151,10 +138,6 @@ ion-button {
--color: var(--ion-color-dark) !important;
}
ion-loading {
--backdrop-opacity: 0.75 !important;
}
* {
-webkit-user-select: text;
-moz-user-select: text;
@@ -162,14 +145,6 @@ ion-loading {
user-select: text;
}
ion-popover {
--background: var(--ion-color-warning) !important;
ion-backdrop {
--backdrop-opacity: 0.45 !important;
}
}
.text-ellipses {
overflow: hidden;
text-overflow: ellipsis;
@@ -185,13 +160,19 @@ ion-popover {
display: block;
}
.modal-wrapper.sc-ion-modal-md {
border-radius: 6px;
border: 2px solid rgba(255,255,255,.03);
box-shadow: 0 0 70px 70px black;
}
@media (min-width:1000px) {
.modal-wrapper {
position: absolute;
height: 60% !important;
top: 20%;
width: 50% !important;
left: 25%;
height: 70% !important;
top: 15%;
width: 60% !important;
left: 20%;
display: block;
}
}
@@ -227,6 +208,10 @@ ion-popover {
}
}
.custom-modal {
border-radius: 8px;
}
ion-slides {
.slider-wrapper {
height: 100%;
@@ -239,12 +224,21 @@ ion-slides {
--background: transparent !important;
}
ion-loading {
z-index: 100 !important;
ion-item-divider {
text-transform: uppercase;
margin-top: 24px;
font-weight: 600;
--color: var(--ion-color-dark);
border: none;
font-size: medium;
}
ion-modal {
--backdrop-opacity: 0.75 !important;
ion-item {
border-radius: 4px;
}
ion-loading {
z-index: 100 !important;
}
.swiper-pagination {
@@ -253,10 +247,6 @@ ion-modal {
padding-bottom: 3px;
}
ion-avatar {
--border-radius: var(--icon-border-radius);
}
.notifier-item {
margin: 12px;
margin-top: 0px;
@@ -277,10 +267,9 @@ ion-avatar {
--padding-start: 10px;
}
ion-item-divider {
color: var(--ion-color-medium);
font-size: medium;
padding-left: 10px;
.divider {
background: linear-gradient(90deg,var(--ion-color-light) 0,var(--ion-color-dark) 50%,var(--ion-color-light) 100%);
height: 1px;
}
.dots {