diff options
| author | Jan-Christoph Borchardt <hey@jancborchardt.net> | 2014-05-15 15:06:52 +0200 |
|---|---|---|
| committer | Jan-Christoph Borchardt <hey@jancborchardt.net> | 2014-05-15 15:06:52 +0200 |
| commit | 60efa0f1c81acaa019b45cb432d5265e230b4e94 (patch) | |
| tree | 4d4038b0de2743f3e3d77abf3a7a89779af207e6 | |
| parent | a0f309bbd8ad59f93ed61d3abb9de9a775ee44ad (diff) | |
| parent | 11300621ef1785428db65f6c3da68e1e92bf1b76 (diff) | |
| download | nextcloud-server-60efa0f1c81acaa019b45cb432d5265e230b4e94.tar.gz nextcloud-server-60efa0f1c81acaa019b45cb432d5265e230b4e94.zip | |
Merge pull request #8140 from owncloud/login-valign
Vertically align public layout to better fit small mobile screens
| -rw-r--r-- | core/css/mobile.css | 21 | ||||
| -rw-r--r-- | core/templates/layout.guest.php | 13 |
2 files changed, 28 insertions, 6 deletions
diff --git a/core/css/mobile.css b/core/css/mobile.css index fd0628d7e28..01852613062 100644 --- a/core/css/mobile.css +++ b/core/css/mobile.css @@ -1,5 +1,26 @@ @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 */ #owncloud.menutoggle { background-image: url('../img/actions/caret.svg'); diff --git a/core/templates/layout.guest.php b/core/templates/layout.guest.php index 1f89e3f0403..d38dc24d9ce 100644 --- a/core/templates/layout.guest.php +++ b/core/templates/layout.guest.php @@ -35,14 +35,15 @@ <?php flush(); ?> <body id="body-login"> <div class="wrapper"><!-- for sticky footer --> - <header><div id="header"> - <div class="logo svg"></div> - <div id="logo-claim" style="display:none;"><?php p($theme->getLogoClaim()); ?></div> - </div></header> - - <?php print_unescaped($_['content']); ?> + <div class="v-align"><!-- vertically centred box --> + <header><div id="header"> + <div class="logo svg"></div> + <div id="logo-claim" style="display:none;"><?php p($theme->getLogoClaim()); ?></div> + </div></header> + <?php print_unescaped($_['content']); ?> <div class="push"></div><!-- for sticky footer --> + </div> </div> <footer> |