Elastic: Visual improvements on logon screen

pull/6528/head
Aleksander Machniak 6 years ago
parent e694b0f4cc
commit c805f7eb42

@ -145,25 +145,30 @@ a {
.task-login #layout .content #logo {
display: inline-block;
position: relative;
top: 18vh;
max-height: 90px;
top: 16vh;
max-height: 100px;
}
#login-form {
margin: 0 auto;
top: 22vh;
top: 20vh;
width: 95%;
max-width: 280px;
max-width: 320px;
position: relative;
// Fixes input width and position in IE11
.row {
max-width: 280px;
margin-right: 0;
margin-left: 0;
}
}
#rcmloginsubmit {
&:before {
display: none !important;
}
}
#login-footer {
flex: 1;
color: @color-black-shade-text;

@ -10,7 +10,7 @@
<roundcube:object name="productname" condition="config:display_product_info &gt; 0" />
<roundcube:object name="version" condition="config:display_product_info == 2" />
<roundcube:if condition="config:support_url" />
&nbsp;&#9899;&nbsp; <a href="<roundcube:var name='config:support_url' />" target="_blank" class="support-link"><roundcube:label name="support" /></a>
&nbsp;&bull;&nbsp; <a href="<roundcube:var name='config:support_url' />" target="_blank" class="support-link"><roundcube:label name="support" /></a>
<roundcube:endif />
<roundcube:container name="loginfooter" id="login-footer" />
</div>

@ -996,6 +996,7 @@ function rcube_elastic_ui()
// Make logon form prettier
if (rcmail.env.task == 'login' && context == document) {
$('#rcmloginsubmit').addClass('btn-lg text-uppercase w-100');
$('#login-form table tr').each(function() {
var input = $('input,select', this),
label = $('label', this),
@ -1011,7 +1012,7 @@ function rcube_elastic_ui()
input.addClass(input.is('select') ? 'custom-select' : 'form-control')
.attr('placeholder', label.text())
.before($('<span class="input-group-prepend">').append(icon))
.parent().addClass('input-group');
.parent().addClass('input-group input-group-lg');
});
}

Loading…
Cancel
Save