diff options
| author | jbtbnl <jbtbnl@users.noreply.github.com> | 2014-04-10 00:33:55 +0200 |
|---|---|---|
| committer | jbtbnl <jbtbnl@users.noreply.github.com> | 2014-04-10 00:33:55 +0200 |
| commit | b10bf72999984d1f6c775fbeb0119c66c0fc38f7 (patch) | |
| tree | b24f0aa8868c976648e91e1af17d10b8ad876312 | |
| parent | 5b8c7a01e90a03687a209ed5f3bd419b095f4f66 (diff) | |
| download | nextcloud-server-b10bf72999984d1f6c775fbeb0119c66c0fc38f7.tar.gz nextcloud-server-b10bf72999984d1f6c775fbeb0119c66c0fc38f7.zip | |
Vertically align public layout to better fit small mobile screens
| -rw-r--r-- | core/css/styles.css | 17 | ||||
| -rw-r--r-- | core/templates/layout.guest.php | 13 |
2 files changed, 23 insertions, 7 deletions
diff --git a/core/css/styles.css b/core/css/styles.css index 57e2c4479a1..2f67fa07c8c 100644 --- a/core/css/styles.css +++ b/core/css/styles.css @@ -327,7 +327,7 @@ input[type="submit"].enabled { /* Some whitespace to the top */ #body-login #header { - padding-top: 100px; + padding-top: 10px; } /* Fix background gradient */ #body-login { @@ -637,6 +637,21 @@ label.infield { cursor:text !important; top:1.05em; left:.85em; } min-height: 100%; margin: 0 auto -70px; 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 { height: 70px; diff --git a/core/templates/layout.guest.php b/core/templates/layout.guest.php index 5788d1d5bd3..a6d8d93533a 100644 --- a/core/templates/layout.guest.php +++ b/core/templates/layout.guest.php @@ -35,14 +35,15 @@ <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> |