ztimson/map-alliance
1
0
Fork 0
Code Issues Pull Requests Actions Packages Releases 1 Activity

Fixed svg on some mobile devices

Browse Source
This commit is contained in:
Zakary Timson
2019-08-24 23:36:28 -04:00
parent 049009b75f
commit ddcb341ef9
1 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/app/components/animatedBackground/animatedBackground.component.scss
View File

@@ -989,13 +989,12 @@
/* 14/5 and 3/1 */ /* 14/5 and 3/1 */
@media screen and (min-aspect-ratio: 14/5) and (max-aspect-ratio: 7/2){ @media screen and (min-aspect-ratio: 14/5) and (max-aspect-ratio: 7/2){
.twinkles{} .twinkles{top: 77%;}
#reflection, #sunMask{height: 42%;} #reflection, #sunMask{height: 42%;}
#landscape{bottom: -3%;} #landscape{bottom: -3%;}
#bottom{top: 101%;} #bottom{top: 101%;}
#stag{bottom: 3%;} #stag{bottom: 3%;}
.sun{top: -570%;} .sun{top: -570%;}
.twinkles{top: 77%;}
} }
/* 5/2 and 14/5 */ /* 5/2 and 14/5 */
@media screen and (min-aspect-ratio: 5/2) and (max-aspect-ratio: 14/5){ @media screen and (min-aspect-ratio: 5/2) and (max-aspect-ratio: 14/5){
@@ -1150,8 +1149,8 @@
@media screen and (min-aspect-ratio: 1/10) and (max-aspect-ratio: 5/9){ @media screen and (min-aspect-ratio: 1/10) and (max-aspect-ratio: 5/9){
.twinkles{top: 62%; width: 3%;} .twinkles{top: 62%; width: 3%;}
#reflection, #sunMask{height: 8%;} #reflection, #sunMask{height: 8%;}
#landscape{bottom: 20%;} #landscape{bottom: 32%;}
#bottom{top: 80%;} #bottom{top: 67.5%;}
#stag{bottom: 21.5%;} #stag{bottom: 33.5%;}
.sun{top: -55%;} .sun{top: -55%;}
} }