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

Subnav (#391)

Browse Source 
* begin subnav implementation

* implement subnav AND angular forms for comparison

* unions working-ish, list of enums working

* new form approach almost complete

* finish new forms approach for action inputs and config

* expandable list items and handlebars display

* Config animation (#394)

* config cammel

* config animation

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

* improve server settings inputs, still needs work

* delete all notifications, styling, and bugs

* contracted by default

Co-authored-by: Drew Ansbacher <drew.ansbacher@gmail.com>
Co-authored-by: Drew Ansbacher <drew.ansbacher@spiredigital.com>
This commit is contained in:
Matt Hill
2021-08-06 09:25:20 -06:00
committed by Aiden McClelland
parent 4ea214f79e
commit fd354b6cbe
117 changed files with 1967 additions and 1271 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
ui/src/global.scss
View File

@@ -25,6 +25,15 @@
@import "~@ionic/angular/css/text-transformation.css";
@import "~@ionic/angular/css/flex-utils.css";
$subheader-height: 48px;
.subheader-padding {
--padding-top: #{$subheader-height} + 10px;
}
.subheader {
--min-height: #{$subheader-height};
}
.select-change-warning .alert-sub-title {
color: var(--ion-color-warning)
@@ -151,6 +160,12 @@ ion-button {
white-space: nowrap;
}
.modal-wrapper.sc-ion-modal-md {
border-radius: 6px;
border: 2px solid rgba(255,255,255,.03);
box-shadow: 0 0 70px 70px black;
}
.modal-wrapper {
position: absolute;
height: 90% !important;
@@ -160,17 +175,11 @@ ion-button {
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: 70% !important;
top: 15%;
height: 80% !important;
top: 10%;
width: 60% !important;
left: 20%;
display: block;
@@ -226,11 +235,11 @@ ion-slides {
ion-item-divider {
text-transform: uppercase;
margin-top: 24px;
--padding-top: 24px;
font-weight: 600;
--color: var(--ion-color-dark);
border: none;
font-size: medium;
border-bottom: none;
}
ion-item {
@@ -247,15 +256,6 @@ ion-loading {
padding-bottom: 3px;
}
.notifier-item {
margin: 12px;
margin-top: 0px;
border-radius: 12px;
// kills the lines
--border-width: 0;
--inner-border-width: 0;
}
.rec-item {
margin: 20px;
border-style: solid;