diff --git a/src/app/app.scss b/src/app/app.scss index 425efc2..62699ea 100644 --- a/src/app/app.scss +++ b/src/app/app.scss @@ -33,3 +33,22 @@ ion-content { contain: size style; } + +// adds classes hidden-* for each responsive size that hides elements for this screen size only. +$breakpoints-keys: map-keys($grid-breakpoints); +$breakpoints-values: map-values($grid-breakpoints); +@for $i from 1 to length($breakpoints-keys)+1 { + @if $i < length($breakpoints-keys) { + .hidden-#{nth($breakpoints-keys, $i)} { + @media (min-width: nth($breakpoints-values, $i)) and (max-width: #{nth($breakpoints-values, $i+1) - 1}) { + display: none !important; + } + } + } @else { + .hidden-#{nth($breakpoints-keys, $i)} { + @media (min-width: nth($breakpoints-values, $i)) { + display: none !important; + } + } + } +} diff --git a/src/pages/ota-wizard/ota-wizard.html b/src/pages/ota-wizard/ota-wizard.html index 0720c0e..c0e6ede 100644 --- a/src/pages/ota-wizard/ota-wizard.html +++ b/src/pages/ota-wizard/ota-wizard.html @@ -103,7 +103,7 @@ - +

OTAWIZ.WIFI.AUTO.TITLE