Cleanup .add-on CSS

This commit is contained in:
djmaze 2021-04-20 11:27:19 +02:00
parent df00748bf5
commit 3d2f7fb3ef
5 changed files with 10 additions and 39 deletions

View file

@ -115,19 +115,16 @@
}
.input-append .add-on {
margin-left: -1.5em;
position: relative;
height: 30px;
background: none;
margin-left: -35px;
z-index: 1000;
border: 0;
font-size: 17px;
line-height: 29px;
top: 6px;
}
.input-append .add-on * {
font-size: 17px;
line-height: 29px;
outline: none !important;
box-shadow: none !important;
}
.controls.error .add-on *,

View file

@ -12,9 +12,7 @@
autofocus="" autocomplete="username" autocorrect="off" autocapitalize="off" spellcheck="false"
data-bind="textInput: login, disable: submitRequest"
data-i18n="[placeholder]LOGIN/LABEL_LOGIN" />
<span class="add-on">
<i class="fontastic">👤</i>
</span>
<span class="add-on fontastic">👤</span>
</div>
</div>
<div class="controls" data-bind="css: {'error': passwordError}">

View file

@ -17,9 +17,7 @@
autofocus="" autocomplete="email" autocorrect="off" autocapitalize="off" spellcheck="false"
data-bind="textInput: email, disable: submitRequest"
data-i18n="[placeholder]GLOBAL/EMAIL" />
<span class="add-on">
<i class="icon-mail"></i>
</span>
<span class="add-on icon-mail"></span>
</div>
</div>
<div class="controls" data-bind="css: {'error': passwordError}">
@ -63,15 +61,15 @@
<div class="forgot-link pull-left" data-bind="visible: '' !== forgotPasswordLinkUrl"
style="text-align: center">
<a href="#" target="_blank" class="g-ui-link"
data-bind="attr: {href: forgotPasswordLinkUrl}, css: {'pull-right': '' !== registrationLinkUrl}"><span
data-i18n="LOGIN/LABEL_FORGOT_PASSWORD"></span></a>
data-bind="attr: {href: forgotPasswordLinkUrl}, css: {'pull-right': '' !== registrationLinkUrl}"
data-i18n="LOGIN/LABEL_FORGOT_PASSWORD"></a>
</div>
&nbsp;
<div class="registration-link pull-right"
data-bind="visible: '' !== registrationLinkUrl" style="text-align: center">
<a href="#" target="_blank" class="g-ui-link"
data-bind="attr: {href: registrationLinkUrl}, css: {'pull-left': '' !== forgotPasswordLinkUrl}"><span
data-i18n="LOGIN/LABEL_REGISTRATION"></span></a>
data-bind="attr: {href: registrationLinkUrl}, css: {'pull-left': '' !== forgotPasswordLinkUrl}"
data-i18n="LOGIN/LABEL_REGISTRATION"></a>
</div>
</div>
</form>

View file

@ -235,21 +235,6 @@ select:focus:required:invalid {
z-index: 2;
}
}
.add-on {
display: inline-block;
width: auto;
height: @baseLineHeight;
min-width: 16px;
padding: 4px 5px;
font-size: @baseFontSize;
font-weight: normal;
line-height: @baseLineHeight;
text-align: center;
text-shadow: 0 1px 0 @white;
background-color: @grayLighter;
border: 1px solid #ccc;
}
.add-on,
.btn {
margin-left: -1px;
vertical-align: top;
@ -259,7 +244,6 @@ select:focus:required:invalid {
background-color: lighten(@green, 30);
border-color: @green;
}
.add-on:last-child,
.btn:last-child {
border-radius: 0 @inputBorderRadius @inputBorderRadius 0;
}

View file

@ -63,12 +63,6 @@
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@borderColor, 20%);
}
}
// Give a small background color for input-prepend/-append
.input-append .add-on {
color: @textColor;
background-color: @backgroundColor;
border-color: @textColor;
}
}