jessikitty/Disco
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Feature: Job Queues

Browse Source 
Also UI style, theme and element changes
This commit is contained in:
Gary Sharp
2014-02-03 14:50:08 +11:00
parent bdb3e1e6b4
commit 3f63281dc4
212 changed files with 17334 additions and 5441 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Disco.Web/ClientSource/Style/Site.less
+195 -22
View File
@@ -47,18 +47,21 @@ header, #header {
height: 34px;
padding: 0;
margin: 0;
font-size: 1.1em;
ul#menu {
height: 30px;
padding: 2px 2px;
margin: 0;
height: 26px;
padding: 0;
margin: 8px 0 0 8px;
list-style: none;
z-index: 100000;
font-size: 0;
line-height: 0;
& > li {
display: inline-block;
z-index: 100000;
font-size: @FontSizeDefault * 1.1;
line-height: @FontSizeDefault * 1.6;
&.moveRight {
margin-left: 40px;
@@ -66,21 +69,24 @@ header, #header {
& > a {
display: inline-block;
padding: 5px 10px 3px 10px;
height: 22px;
padding: 2px 10px 4px 10px;
height: 20px;
color: @white;
font-weight: 400;
text-transform: uppercase;
text-decoration: none;
&:active {
color: @MenuHoverColour;
text-decoration: none;
}
}
&.active > a {
background-color: @MenuActiveBackgroundColour;
}
&:hover > a {
color: @MenuHoverColour;
background-color: @MenuHoverBackgroundColour;
text-decoration: none;
}
@@ -89,7 +95,7 @@ header, #header {
display: none;
list-style: none;
position: absolute;
margin: 2px 0 0 0;
margin: 0;
border-left: 1px solid @BackgroundColour;
border-bottom: 1px solid @BackgroundColour;
border-right: 1px solid @BackgroundColour;
@@ -102,16 +108,14 @@ header, #header {
position: relative;
background-position: top;
background-repeat: repeat-x;
border-top: 1px solid hsla(hue(@BackgroundColour), saturation(@BackgroundColour), 90%, 1);
&:not(:first-child) {
border-top: 1px solid hsla(hue(@BackgroundColour), saturation(@BackgroundColour), 90%, 1);
&:first-child {
border-top: 1px solid @BackgroundColour;
}
&:hover {
&:not(:first-child) {
border-top: 1px solid hsla(hue(@BackgroundColour), saturation(@BackgroundColour), 85%, 1);
}
border-top: 1px solid hsla(hue(@BackgroundColour), saturation(@BackgroundColour), 85%, 1);
background-color: hsla(hue(@BackgroundColour), saturation(@BackgroundColour), 90%, 1);
}
@@ -131,7 +135,7 @@ header, #header {
}
}
i.fa {
i.fa-caret-right {
cursor: pointer;
color: lighten(@HeaderBackgroundColour, 20%);
font-size: 16px;
@@ -141,7 +145,7 @@ header, #header {
top: 7px;
}
&:hover i.fa {
&:hover i.fa-caret-right {
color: @HeaderBackgroundColour;
}
}
@@ -153,7 +157,9 @@ header, #header {
top: -1px;
left: 180px;
background-color: hsla(hue(@BackgroundColour), saturation(@BackgroundColour), 95%, 1);
border: 1px solid @BackgroundColour;
border-left: 1px solid @BackgroundColour;
border-right: 1px solid @BackgroundColour;
border-bottom: 1px solid @BackgroundColour;
padding: 0;
min-width: 180px;
box-shadow: 2px 2px 5px fade(@BackgroundColour, 50%);
@@ -291,13 +297,15 @@ footer, #footer {
}
// Element Resets
p, ul {
p {
margin: 0 0 20px 0;
line-height: 1.6em;
}
ul {
margin: 0;
padding: 0 0 0 25px;
list-style: square;
line-height: 1.6em;
}
@@ -734,7 +742,47 @@ table.jobTable {
}
}
td.status, th.status {
tr {
&.statusSlaWarning td {
background-color: mix(lighten(@StatusSlaWarning, 32%), @white, 50%);
&:not(:last-child) {
border-right: 1px solid average(lighten(@StatusSlaWarning, 32%), @TableDataBorderColour);
}
}
&.statusSlaExpired td {
background-color: mix(lighten(@StatusSlaExpired, 38%), @white, 50%);
&:not(:last-child) {
border-right: 1px solid average(lighten(@StatusSlaExpired, 38%), @TableDataBorderColour);
}
}
&:nth-child(odd) {
&.statusSlaWarning td {
background-color: mix(lighten(@StatusSlaWarning, 32%), @TableDataRowBackgroundColor, 50%) !important;
}
&.statusSlaExpired td {
background-color: mix(lighten(@StatusSlaExpired, 38%), @TableDataRowBackgroundColor, 50%) !important;
}
}
&:hover {
&.statusSlaWarning td {
background-color: darken(mix(lighten(@StatusSlaWarning, 32%), @TableDataRowBackgroundColor, 50%), 1%) !important;
}
&.statusSlaExpired td {
background-color: darken(mix(lighten(@StatusSlaExpired, 38%), @TableDataRowBackgroundColor, 50%), 1%) !important;
}
}
}
div.queues {
display: inline-block;
float: right;
}
td.dates, th.dates {
@@ -769,9 +817,13 @@ table.deviceTable {
}
textarea {
min-height: 75px;
font-size: 12px;
font-family: @FontFamilyBody;
border: 1px solid #ccc;
min-height: 75px;
padding: 2px;
color: #444;
width: 200px;
}
input[type="text"], input[type="password"], input[type="file"], input[type="number"] {
@@ -973,6 +1025,127 @@ div.form {
}
}
// Priority Colours
.d-priority-high {
color: @PriorityHigh;
width: 1.2857142857142858em;
text-align: center;
&:before {
content: "\f12a";
}
}
.d-priority-normal {
color: @PriorityNormal;
width: 1.2857142857142858em;
text-align: center;
&:before {
content: "\f068";
}
}
.d-priority-low {
color: @PriorityLow;
width: 1.2857142857142858em;
text-align: center;
&:before {
content: "\f063";
}
}
.fa-stack .d-priority-high, .fa-stack .d-priority-normal, .fa-stack .d-priority-low {
width: 100%;
font-size: .8em;
margin-left: .5em;
margin-top: .4em;
opacity: .6;
}
// Theme Colours
.d-lime {
color: @ThemeLime;
}
.d-green {
color: @ThemeGreen;
}
.d-emerald {
color: @ThemeEmerald;
}
.d-teal {
color: @ThemeTeal;
}
.d-cyan {
color: @ThemeCyan;
}
.d-cobalt {
color: @ThemeCobalt;
}
.d-indigo {
color: @ThemeIndigo;
}
.d-violet {
color: @ThemeViolet;
}
.d-pink {
color: @ThemePink;
}
.d-magenta {
color: @ThemeMagenta;
}
.d-crimson {
color: @ThemeCrimson;
}
.d-red {
color: @ThemeRed;
}
.d-orange {
color: @ThemeOrange;
}
.d-amber {
color: @ThemeAmber;
}
.d-yellow {
color: @ThemeYellow;
}
.d-brown {
color: @ThemeBrown;
}
.d-olive {
color: @ThemeOlive;
}
.d-steel {
color: @ThemeSteel;
}
.d-mauve {
color: @ThemeMauve;
}
.d-sienna {
color: @ThemeSienna;
}
table.subtleHighlight {
border: 1px solid @SubtleBorderColour;
background-color: @SubtleColour;
@@ -1150,4 +1323,4 @@ textarea.block {
li {
font-size: 0.9em;
}
}
}