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

CSS: Move spinner related styles to spinner.less

Browse Source 
refs #5543
This commit is contained in:
Eric Lippmann 2015-09-30 22:24:26 +02:00
parent 417c6bb1ea
commit 48b1c5ff30
4 changed files with 45 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
library/Icinga/Web/StyleSheet.php
View File

@ -39,7 +39,8 @@ class StyleSheet
'css/icinga/controls.less', 'css/icinga/controls.less',
'css/icinga/dev.less', 'css/icinga/dev.less',
// 'css/icinga/logo.less', // 'css/icinga/logo.less',
'css/icinga/about.less' 'css/icinga/about.less',
'css/icinga/spinner.less'
); );
public static function compileForPdf() public static function compileForPdf()

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

@ -29,19 +29,27 @@ input[type="submit"] {
// TODO(el): .form-inline control-group { display: inline-block; } // TODO(el): .form-inline control-group { display: inline-block; }
form.inline { form.inline {
.control-group {
padding: 0;
}
.form-controls {
margin: 0;
}
display: inline-block; display: inline-block;
} }
.form-controls { .form-controls {
margin-left: 160px; margin-left: 160px;
} }
button,
input[type="submit"] { input[type="submit"] {
.button(); .button();
} }
button:hover .icon-cancel {
color: @color-critical;
}
.control-label { .control-label {
display: inline-block; display: inline-block;
font-size: @font-size-small; font-size: @font-size-small;
@ -59,8 +67,8 @@ input[type="submit"] {
padding: @vertical-padding @horizontal-padding; padding: @vertical-padding @horizontal-padding;
} }
button.link, .link-button {
input[type="submit"].link { .action-link();
// Reset defaults // Reset defaults
background: none; background: none;
border: none; border: none;
@ -73,31 +81,6 @@ input[type="submit"].link {
} }
} }
form.link {
display: inline-block;
}
.spinner {
display: inline-block;
vertical-align: middle;
i {
.invisible();
&.active {
.visible();
&:before {
.animate(spin 2s infinite linear);
}
}
&:before {
margin: 0; // Disables wobbling
}
}
}
//div.config-form-buttons { //div.config-form-buttons {
// margin-top: 5px; // margin-top: 5px;
//} //}

31
public/css/icinga/spinner.less Normal file
View File

@ -0,0 +1,31 @@
/*! Icinga Web 2 | (c) 2013-2015 Icinga Development Team | GPLv2+ */
a.spinner.active > i,
button.spinner.active > i {
.animate(spin 2s infinite linear);
&:before {
// icon-spin6
content: '\e874';
}
}
div.spinner {
display: inline-block;
vertical-align: middle;
i {
.invisible();
&.active {
.visible();
&:before {
.animate(spin 2s infinite linear);
}
}
&:before {
margin: 0; // Disables wobbling
}
}
}

12
public/css/icinga/tabs.less
View File

@ -138,18 +138,6 @@ a.close-tab {
display: none; display: none;
} }
.spinner > i {
line-height: 1;
}
.spinner.active > i {
.animate(spin 2s infinite linear);
&:before {
// icon-spin6
content: '\e874';
}
}
span.display-on-hover { span.display-on-hover {
font-size: 0.8em; font-size: 0.8em;
left: -9000px; left: -9000px;