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

CSS: Fix comments and add missing semicolons

Browse Source
This commit is contained in:
Eric Lippmann 2019-07-03 11:11:25 +02:00 committed by Johannes Meyer
parent 70a891825e
commit b8c607b6a6
2 changed files with 21 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,8 +1,6 @@
/*! Icinga Web 2 | (c) 2019 Icinga Development Team | GPLv2+ */ /*! Icinga Web 2 | (c) 2019 Icinga Development Team | GPLv2+ */
/********************************************************************************************************************** // Used colors
used colors (todo: move to base.less eventually)
***********************************************************************************************************************/
@disabled-gray: #9a9a9a; @disabled-gray: #9a9a9a;
@low-sat-blue: #dae3e6; @low-sat-blue: #dae3e6;
@ -10,9 +8,7 @@
@icinga-blue-light: #a5c4cd; @icinga-blue-light: #a5c4cd;
@icinga-blue-dark: #0081a6; @icinga-blue-dark: #0081a6;
/********************************************************************************************************************** // General form layout
general form layout
***********************************************************************************************************************/
form:not(.inline):not([role="search"]) { form:not(.inline):not([role="search"]) {
max-width: 70em; max-width: 70em;
@ -37,9 +33,7 @@ form:not(.inline):not([role="search"]) {
} }
} }
/********************************************************************************************************************** // Minimal form layout
minimal form layout
***********************************************************************************************************************/
#layout.minimal-layout, #layout.minimal-layout,
#layout.twocols:not(.wide-layout) { #layout.twocols:not(.wide-layout) {
@ -68,9 +62,7 @@ form:not(.inline):not([role="search"]) {
} }
} }
/********************************************************************************************************************** // Label styles
label styles
***********************************************************************************************************************/
.control-group .control-label-group { .control-group .control-label-group {
display: flex; display: flex;
@ -122,9 +114,7 @@ select ~ .spinner:before {
margin-left: -3.5em; margin-left: -3.5em;
} }
/********************************************************************************************************************** // General input styles
general input styles
***********************************************************************************************************************/
form input[type="text"], form input[type="text"],
form input[type="password"], form input[type="password"],
@ -168,15 +158,15 @@ form input {
form select:not([multiple]) { form select:not([multiple]) {
padding-right: 1.5625em; padding-right: 1.5625em;
/* compensate inconsistent select height calculations */ // Compensate inconsistent select height calculations
line-height: 1em; line-height: 1em;
height: 2.25em; height: 2.25em;
} }
/* Remove native dropdown arrow in IE10+ */ // Remove native dropdown arrow in IE10+
form select::-ms-expand { form select::-ms-expand {
display: none; display: none;
opacity: 0 opacity: 0;
} }
form select:not([multiple]) { form select:not([multiple]) {
@ -187,16 +177,15 @@ form select:not([multiple]) {
} }
form select { form select {
/* Prevent selects with long option values from exceeding the container */ width: 0; // Prevent selects with long option values from exceeding the container
width: 0
} }
form.inline select { form.inline select {
width: auto width: auto;
} }
/**********************************************************************************************************************
specific input styles
***********************************************************************************************************************/ // Specific input styles
.link-button { .link-button {
.action-link(); .action-link();
@ -223,9 +212,7 @@ form.inline select {
} }
} }
/********************************************************************************************************************** // Button styles
button styles
***********************************************************************************************************************/
.form-controls input[type="submit"], .form-controls input[type="submit"],
.form-controls input[type="submit"].btn-confirm { .form-controls input[type="submit"].btn-confirm {
@ -240,11 +227,8 @@ form.inline select {
.button(@body-bg-color, @gray, @black); .button(@body-bg-color, @gray, @black);
} }
/********************************************************************************************************************** // Toggle styles
IPL toggle styles
***********************************************************************************************************************/
/* The switch - the box around the slider */
.toggle-switch { .toggle-switch {
cursor: pointer; cursor: pointer;
position: relative; position: relative;
@ -253,14 +237,13 @@ form.inline select {
width: 2.625em; width: 2.625em;
} }
/* Hide default HTML checkbox */ // Hide default checkbox
.toggle-switch input { .toggle-switch input {
opacity: 0; opacity: 0;
width: 0; width: 0;
height: 0; height: 0;
} }
/* The slider */
.toggle-slider { .toggle-slider {
position: absolute; position: absolute;
left: 0; left: 0;
@ -313,9 +296,7 @@ input:checked + .toggle-slider:before {
margin-left: -4/3em; margin-left: -4/3em;
} }
/********************************************************************************************************************** // Disabled inputs
disabled inputs
***********************************************************************************************************************/
.toggle-switch.disabled { .toggle-switch.disabled {
cursor: default; cursor: default;
@ -341,9 +322,7 @@ input:checked + .toggle-slider:before {
border: none; border: none;
} }
/********************************************************************************************************************** // Errors and additional information
errors and additional information
***********************************************************************************************************************/
.form-notifications, .form-notifications,
.form-description { .form-description {
@ -413,9 +392,7 @@ input:checked + .toggle-slider:before {
padding-left: 0; padding-left: 0;
} }
/********************************************************************************************************************** // Placeholder styles
placeholder styles
***********************************************************************************************************************/
input:-moz-placeholder { // FF 18- input:-moz-placeholder { // FF 18-
color: @gray; color: @gray;
@ -435,11 +412,7 @@ input::-webkit-input-placeholder {
color: @gray; color: @gray;
} }
// Specific form styles
/**********************************************************************************************************************
specific form styles
***********************************************************************************************************************/
.limiter-control-form > * { .limiter-control-form > * {
display: inline-block; display: inline-block;

2
public/css/icinga/mixins.less
View File

@ -19,7 +19,7 @@
@duration: 0.2s; @duration: 0.2s;
//throwaway local variable because transition mixin does not work w/ comma-separated transitions // Throwaway local variable because transition mixin does not work w/ comma-separated transitions
@transition: background @duration, border @duration ease, color @duration ease; @transition: background @duration, border @duration ease, color @duration ease;
.transition(@transition); .transition(@transition);