fix(app-opportunities): add additional media query for smaller

PaulPaulDevelops · PaulPaulDevelops · commit 8e6d39c28e18 · 2020-01-10T16:10:56.000-05:00
diff --git a/src/pages/app-opportunities/app-opportunities.scss b/src/pages/app-opportunities/app-opportunities.scss
@@ -25,6 +25,9 @@
         height: 110vh;
         background-image: url('/assets/opportunities/opportunities-mobile-header-animated.svg');
       }
+      @media (max-height: 640px) {
+        height: 120vh;
+      }
     }
 
     &.header-transition-dev {
@@ -46,6 +49,9 @@
         height: 110vh;
         background-image: url('/assets/opportunities/opportunities-mobile-transition-dev.svg');
       }
+      @media (max-height: 640px) {
+        height: 120vh;
+      }
     }
 
     &.header-transition-design {
@@ -67,6 +73,9 @@
         height: 110vh;
         background-image: url('/assets/opportunities/opportunities-mobile-transition-design.svg');
       }
+      @media (max-height: 640px) {
+        height: 120vh;
+      }
     }
 
     &.header-transition-dev-design {
@@ -88,6 +97,9 @@
         height: 110vh;
         background-image: url('/assets/opportunities/opportunities-mobile-transition-dev-design.svg');
       }
+      @media (max-height: 640px) {
+        height: 120vh;
+      }
     }
 
     &.header-transition-design-dev {
@@ -109,6 +121,9 @@
         height: 110vh;
         background-image: url('/assets/opportunities/opportunities-mobile-transition-design-dev.svg');
       }
+      @media (max-height: 640px) {
+        height: 120vh;
+      }
     }
 
     &.header-dev-active {
@@ -130,6 +145,9 @@
         height: 110vh;
         background-image: url('/assets/opportunities/opportunities-mobile-dev-active.svg');
       }
+      @media (max-height: 640px) {
+        height: 120vh;
+      }
     }
 
     &.header-design-active {
@@ -151,6 +169,10 @@
         height: 110vh;
         background-image: url('/assets/opportunities/opportunities-mobile-design-active.svg');
       }
+
+      @media (max-height: 640px) {
+        height: 120vh;
+      }
     }
 
     .container,

Original file line number	Diff line number	Diff line change
`@@ -25,6 +25,9 @@`
`25`	`25`	`height: 110vh;`
`26`	`26`	`background-image: url('/assets/opportunities/opportunities-mobile-header-animated.svg');`
`27`	`27`	`}`
	`28`	`+ @media (max-height: 640px) {`
	`29`	`+ height: 120vh;`
	`30`	`+ }`
`28`	`31`	`}`
`29`	`32`
`30`	`33`	`&.header-transition-dev {`
`@@ -46,6 +49,9 @@`
`46`	`49`	`height: 110vh;`
`47`	`50`	`background-image: url('/assets/opportunities/opportunities-mobile-transition-dev.svg');`
`48`	`51`	`}`
	`52`	`+ @media (max-height: 640px) {`
	`53`	`+ height: 120vh;`
	`54`	`+ }`
`49`	`55`	`}`
`50`	`56`
`51`	`57`	`&.header-transition-design {`
`@@ -67,6 +73,9 @@`
`67`	`73`	`height: 110vh;`
`68`	`74`	`background-image: url('/assets/opportunities/opportunities-mobile-transition-design.svg');`
`69`	`75`	`}`
	`76`	`+ @media (max-height: 640px) {`
	`77`	`+ height: 120vh;`
	`78`	`+ }`
`70`	`79`	`}`
`71`	`80`
`72`	`81`	`&.header-transition-dev-design {`
`@@ -88,6 +97,9 @@`
`88`	`97`	`height: 110vh;`
`89`	`98`	`background-image: url('/assets/opportunities/opportunities-mobile-transition-dev-design.svg');`
`90`	`99`	`}`
	`100`	`+ @media (max-height: 640px) {`
	`101`	`+ height: 120vh;`
	`102`	`+ }`
`91`	`103`	`}`
`92`	`104`
`93`	`105`	`&.header-transition-design-dev {`
`@@ -109,6 +121,9 @@`
`109`	`121`	`height: 110vh;`
`110`	`122`	`background-image: url('/assets/opportunities/opportunities-mobile-transition-design-dev.svg');`
`111`	`123`	`}`
	`124`	`+ @media (max-height: 640px) {`
	`125`	`+ height: 120vh;`
	`126`	`+ }`
`112`	`127`	`}`
`113`	`128`
`114`	`129`	`&.header-dev-active {`
`@@ -130,6 +145,9 @@`
`130`	`145`	`height: 110vh;`
`131`	`146`	`background-image: url('/assets/opportunities/opportunities-mobile-dev-active.svg');`
`132`	`147`	`}`
	`148`	`+ @media (max-height: 640px) {`
	`149`	`+ height: 120vh;`
	`150`	`+ }`
`133`	`151`	`}`
`134`	`152`
`135`	`153`	`&.header-design-active {`
`@@ -151,6 +169,10 @@`
`151`	`169`	`height: 110vh;`
`152`	`170`	`background-image: url('/assets/opportunities/opportunities-mobile-design-active.svg');`
`153`	`171`	`}`
	`172`	`+`
	`173`	`+ @media (max-height: 640px) {`
	`174`	`+ height: 120vh;`
	`175`	`+ }`
`154`	`176`	`}`
`155`	`177`
`156`	`178`	`.container,`