holm/the-glorious-startpage
1
0
Fork 0
forked from extern/the-glorious-startpage
Code Issues Pull Requests Packages Projects Releases Wiki Activity

adjust dock responsiveness on height

Browse Source
This commit is contained in:
Gerome Matilla 2020-06-13 16:06:29 +08:00
parent eb8470636d
commit e4560a8ac5
1 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
css/dock.css
View File

@ -31,7 +31,7 @@
} }
/*Translate dock to left side if width <= 470 and height >= 540*/ /*Translate dock to left side if width <= 470 and height >= 540*/
@media screen and (max-width: 470px) and (min-height: 540px) { @media screen and (max-width: 470px) and (min-height: 490px) {
.dockContainer { .dockContainer {
display: inline-block !important; display: inline-block !important;
@ -59,8 +59,9 @@
} }
} }
/*Decrease scale to 0.85 if width is less than 580px*/ /*Decrease scale to 0.85 if width is less than 580px*/
@media screen and (max-width: 469px) and (max-height: 539px) { @media screen and (max-width: 469px) and (max-height: 489px) {
.dockContainer { .dockContainer {
position: absolute !important; position: absolute !important;
@ -91,7 +92,7 @@
/*Decrease scale to 0.75 if width is less than 380px*/ /*Decrease scale to 0.75 if width is less than 380px*/
@media screen and (max-width: 380px) and (max-height: 539px) { @media screen and (max-width: 380px) and (max-height: 489px) {
.dockContainer { .dockContainer {
position: absolute !important; position: absolute !important;
@ -121,7 +122,7 @@
} }
/*Decrease scale to 0.70 if width is less than or equal to 374px and greater than or equal to 320px*/ /*Decrease scale to 0.70 if width is less than or equal to 374px and greater than or equal to 320px*/
@media screen and (max-width: 350px) and (min-width: 320px) and (max-height: 539px) { @media screen and (max-width: 350px) and (min-width: 320px) and (max-height: 489px) {
.dockContainer { .dockContainer {
position: absolute !important; position: absolute !important;
@ -151,7 +152,7 @@
/*Scale to 0 if less than 320px*/ /*Scale to 0 if less than 320px*/
@media screen and (max-width: 319px) and (max-height: 539px) { @media screen and (max-width: 319px) and (max-height: 489px) {
.dockContainer { .dockContainer {
position: absolute !important; position: absolute !important;