mbk-lab
/
nextcloud
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Move vertical alignment of public layout to mobile. Refs #8140

This commit is contained in:
jbtbnl 2014-05-04 16:24:01 +02:00
parent b10bf72999
commit 11300621ef
2 changed files with 22 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
core/css/mobile.css
View File

@ -1,5 +1,26 @@
@media only screen and (max-width: 768px) { @media only screen and (max-width: 768px) {
#body-login #header {
padding-top: 10px;
}
#body-login .wrapper {
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-pack: center;
-webkit-box-align: center;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-pack: center;
-moz-box-align: center;
display: box;
box-orient: horizontal;
box-pack: center;
box-align: center;
}
/* show caret indicator next to logo to make clear it is tappable */ /* show caret indicator next to logo to make clear it is tappable */
#owncloud.menutoggle { #owncloud.menutoggle {
background-image: url('../img/actions/caret.svg'); background-image: url('../img/actions/caret.svg');

17
core/css/styles.css
View File

@ -327,7 +327,7 @@ input[type="submit"].enabled {
/* Some whitespace to the top */ /* Some whitespace to the top */
#body-login #header { #body-login #header {
padding-top: 10px; padding-top: 100px;
} }
/* Fix background gradient */ /* Fix background gradient */
#body-login { #body-login {
@ -637,21 +637,6 @@ label.infield { cursor:text !important; top:1.05em; left:.85em; }
min-height: 100%; min-height: 100%;
margin: 0 auto -70px; margin: 0 auto -70px;
width: 300px; width: 300px;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-pack: center;
-webkit-box-align: center;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-pack: center;
-moz-box-align: center;
display: box;
box-orient: horizontal;
box-pack: center;
box-align: center;
} }
#body-login footer, #body-login .push { #body-login footer, #body-login .push {
height: 70px; height: 70px;