sharpetronics/crunchbutton
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

splash changes for dif size devices

Browse Source
This commit is contained in:
arzynik 2013-11-17 02:57:39 -08:00
parent e431d3b386
commit 13c1e88454
2 changed files with 75 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
include/views/default/seven/frontend/splash.phtml
View File

@ -1,7 +1,7 @@
<div class="bg home-top splash-top"> <div class="bg home-top splash-top">
<br><br><br><br><br> <div class="splash-spacer-one"></div>
<div title="Crunchbutton" class="logo" ng-click="navigation.home()"></div> <div title="Crunchbutton" class="logo" ng-click="navigation.home()"></div>
<br><br><br><br><br><br> <div class="splash-spacer-two"></div>
<div class="splash-bubble-wrap"> <div class="splash-bubble-wrap">
<div class="bubble-curved bubble-curved-white bubble-animated"> <div class="bubble-curved bubble-curved-white bubble-animated">
@ -38,7 +38,6 @@
<p class="splash-tagline"> <p class="splash-tagline">
<b>We’re Crunchbutton.</b> <b>We’re Crunchbutton.</b>
<br>We deliver you the best food from the best restaurants in your community. <br>We deliver you the best food from the best restaurants in your community.
<br><br>
</p> </p>
<div class="button-pushable"> <div class="button-pushable">
<button class="button facebook" ng-click="facebook.auth()"> <button class="button facebook" ng-click="facebook.auth()">
@ -49,7 +48,6 @@
</div> </div>
<p> <p>
<br>
<a href="" class="splash-continue" ng-instant="navigation.link('/location')">Continue without logging in</a> <a href="" class="splash-continue" ng-instant="navigation.link('/location')">Continue without logging in</a>
</p> </p>
</div> </div>

73
www/assets/css/seven.css
View File

@ -925,6 +925,10 @@ p {
.static-nav-viewport .snap-content-inner .content { .static-nav-viewport .snap-content-inner .content {
margin-top: -51px; margin-top: -51px;
} }
.page-splash .static-nav-viewport .snap-content-inner {
margin-top: 0;
}
} }
@ -2428,6 +2432,7 @@ sup {
-webkit-animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;
position: absolute; position: absolute;
z-index: 10; z-index: 10;
pointer-events:none;
} }
@-webkit-keyframes bubble-hover { @-webkit-keyframes bubble-hover {
@ -2437,3 +2442,71 @@ sup {
} }
.splash-tagline {
margin-bottom: 2em;
}
@media screen and (min-height: 530px) {
.splash-spacer-one {
height: 5em;
}
.splash-spacer-two {
height: 6em;
}
}
@media screen and (max-height: 529px) {
.splash-spacer-one {
height: 4em;
}
.splash-spacer-two {
height: 5em;
}
}
@media screen and (max-height: 499px) {
.splash-spacer-one {
height: 3em;
}
.splash-spacer-two {
height: 4em;
}
.splash-continue {
margin-top: 1em;
}
}
@media screen and (max-height: 469px) {
.splash-top .logo {
display: none;
}
.splash-spacer-two {
height: 2em;
}
.splash-spacer-one {
height: 4em;
}
.splash-inputs .button.facebook {
padding-top: .5em;
padding-bottom: .5em;
}
.splash-inputs .button-pushable {
height: 4em;
}
}
@media screen and (max-height: 379px) {
.splash-spacer-two {
height: 0;
}
.splash-spacer-one {
height: 2em;
}
.splash-tagline {
margin-bottom: .4em;
}
.splash-bottom {
bottom: 1.2em;
}
}