Move alternative login above standard login, optimize alignment

Signed-off-by: ochorocho <rothjochen@gmail.com>
This commit is contained in:
ochorocho 2019-08-26 20:01:44 +02:00
parent f46b21e4d9
commit 068f1d28f3
2 changed files with 33 additions and 12 deletions

View File

@ -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;

View File

@ -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>