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-width: 100%;
max-height: 200px; max-height: 200px;
} }
.wrapper { .wrapper {
width: 300px; width: 300px;
margin-top: 10vh; margin-top: 10vh;
@ -143,7 +144,8 @@ form #datadirField legend {
/* Buttons and input */ /* Buttons and input */
#submit-wrapper, #submit-wrapper,
#reset-password-wrapper { #reset-password-wrapper,
#alternative-logins {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -151,6 +153,28 @@ form #datadirField legend {
absolutely positioned descendant icons */ 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, #submit-wrapper .submit-icon,
#reset-password-wrapper .submit-icon { #reset-password-wrapper .submit-icon {
position: absolute; position: absolute;

View File

@ -3,15 +3,12 @@
script('core', 'dist/login'); script('core', 'dist/login');
?> ?>
<div id="login"></div>
<?php if (!empty($_['alt_login'])) { ?> <?php if (!empty($_['alt_login'])) { ?>
<form id="alternative-logins"> <div id="alternative-logins">
<fieldset> <?php foreach($_['alt_login'] as $login): ?>
<ul> <a class="button primary" href="<?php print_unescaped($login['href']); ?>" ><?php p($login['name']); ?></a>
<?php foreach($_['alt_login'] as $login): ?> <?php endforeach; ?>
<li><a class="button" href="<?php print_unescaped($login['href']); ?>" ><?php p($login['name']); ?></a></li> </div>
<?php endforeach; ?> <?php } ?>
</ul>
</fieldset> <div id="login"></div>
</form>
<?php }