Move alternative login above standard login, optimize alignment
Signed-off-by: ochorocho <rothjochen@gmail.com>
This commit is contained in:
parent
f46b21e4d9
commit
068f1d28f3
2 changed files with 33 additions and 12 deletions
|
@ -95,6 +95,7 @@ body {
|
|||
max-width: 100%;
|
||||
max-height: 200px;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
width: 300px;
|
||||
margin-top: 10vh;
|
||||
|
@ -143,7 +144,8 @@ form #datadirField legend {
|
|||
|
||||
/* Buttons and input */
|
||||
#submit-wrapper,
|
||||
#reset-password-wrapper {
|
||||
#reset-password-wrapper,
|
||||
#alternative-logins {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
@ -151,6 +153,28 @@ form #datadirField legend {
|
|||
absolutely positioned descendant icons */
|
||||
}
|
||||
|
||||
#alternative-logins {
|
||||
margin: 10px 15px 20px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#alternative-logins a {
|
||||
margin: 5px;
|
||||
display: block;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width: 1024px) {
|
||||
.wrapper {
|
||||
margin-top: 0;
|
||||
}
|
||||
#alternative-logins {
|
||||
margin: 0px 15px 10px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
#submit-wrapper .submit-icon,
|
||||
#reset-password-wrapper .submit-icon {
|
||||
position: absolute;
|
||||
|
|
|
@ -3,15 +3,12 @@
|
|||
script('core', 'dist/login');
|
||||
?>
|
||||
|
||||
<div id="login"></div>
|
||||
<?php if (!empty($_['alt_login'])) { ?>
|
||||
<form id="alternative-logins">
|
||||
<fieldset>
|
||||
<ul>
|
||||
<?php foreach($_['alt_login'] as $login): ?>
|
||||
<li><a class="button" href="<?php print_unescaped($login['href']); ?>" ><?php p($login['name']); ?></a></li>
|
||||
<?php endforeach; ?>
|
||||
</ul>
|
||||
</fieldset>
|
||||
</form>
|
||||
<?php }
|
||||
<div id="alternative-logins">
|
||||
<?php foreach($_['alt_login'] as $login): ?>
|
||||
<a class="button primary" href="<?php print_unescaped($login['href']); ?>" ><?php p($login['name']); ?></a>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
<div id="login"></div>
|
||||
|
|
Loading…
Reference in a new issue