tyler.durden/icingaweb2
1
0
Fork 0
mirror of https://github.com/Icinga/icingaweb2.git synced 2025-07-28 00:04:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fix outline of form controls

Browse Source
This commit is contained in:
Eric Lippmann 2016-01-18 13:19:08 +01:00
parent 074477b452
commit a65398d5c9
1 changed files with 19 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
public/css/icinga/forms.less
View File

@ -1,20 +1,34 @@
/*! Icinga Web 2 | (c) 2013-2015 Icinga Development Team | GPLv2+ */ /*! Icinga Web 2 | (c) 2013-2015 Icinga Development Team | GPLv2+ */
input { input:not([type]),
input[type=text],
input[type=date],
input[type=datetime-local],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=time],
input[type=url] {
.box-shadow(0 1px 0 0 @gray-light);
.transition(border 0.3s ease); .transition(border 0.3s ease);
border: none; border: none;
border-bottom: 1px solid @gray-light; border-bottom: 1px solid @gray-light;
color: inherit; outline: none;
display: inline-block;
padding: @vertical-padding / 2 @horizontal-padding / 2; padding: @vertical-padding / 2 @horizontal-padding / 2;
&:focus { &:focus:not([readonly]) {
border-color: @icinga-blue; border-color: @icinga-blue;
outline: none;
} }
} }
.control-button,
input[type="submit"] {
.button();
}
input:-moz-placeholder { // FF 18- input:-moz-placeholder { // FF 18-
color: inherit; color: inherit;
opacity: 1; opacity: 1;
@ -52,12 +66,6 @@ input, select, textarea {
width: 20em; width: 20em;
} }
input[type="checkbox"],
input[type="radio"],
input[type="submit"] {
width: initial;
}
// TODO(el): .form-inline control-group { display: inline-block; } // TODO(el): .form-inline control-group { display: inline-block; }
form.inline { form.inline {
.control-group { .control-group {
@ -73,12 +81,6 @@ form.inline {
margin-left: 10em; margin-left: 10em;
} }
.control-button,
input[type="submit"] {
.button();
}
button:hover .icon-cancel { button:hover .icon-cancel {
color: @color-critical; color: @color-critical;
} }