Merge pull request #26 from camalot/fix/spinning-gear

Fix/spinning gear
camalot · May 27, 2016 · 9d4bb20 · 9d4bb20
2 parents 566d6f6 + 78c1d10
commit 9d4bb20
Show file tree

Hide file tree

Showing 8 changed files with 96 additions and 86 deletions.
diff --git a/README.md b/README.md
@@ -78,5 +78,8 @@ This will generate the following:
 - Create a pull request into `develop`
 
 
+
+[unit-tests]: https://github.com/jamesshore/quixote
+
 [stylish-chrome]: https://chrome.google.com/webstore/detail/stylish/fjnbnpbmkenffdnngjfgmeleoegfcffe?hl=en
 [stylish-firefox]: https://addons.mozilla.org/en-US/firefox/addon/stylish/
diff --git a/jenkins-dark.less b/jenkins-dark.less
@@ -5,34 +5,12 @@
 * Issues: https://github.com/camalot/jenkins-dark-stylish/issues
 **/
 @import url( './parts/_variables.less');
-.jenkins_ver::after {
-    content: ' : Jenkins-Dark v${VERSION}';
-}
 #l10n-footer {
-    display: none;
+    display: none !important;
 }
 @import url( './parts/_keyframes.less');
-::-webkit-scrollbar {
-    max-width: 10px !important;
-    max-height: 10px !important;
-    background: lighten(@background-light,8.8%) !important;
-}
-::-webkit-scrollbar-corner,
-::-webkit-scrollbar-track {
-    background: lighten(@background-light,8.8%) !important;
-}
-::-webkit-scrollbar-thumb {
-    border-radius: 5px !important;
-    background: rgba(80,80,80,.6) !important;
-}
-::-webkit-scrollbar-corner,
-::-webkit-scrollbar-track {
-    background: lighten(@background-light,8.8%) !important;
-}
-::selection {
-    background-color: lighten(@blue,20%) !important;
-    color: @white !important;
-}
+@import url('./parts/_scrollbar.less');
+
 #main-panel,
 .bottom-sticker-inner,
 .top-sticker-inner,
@@ -99,11 +77,7 @@ footer {
     /* hide the shadow on the bottom panel */
     display: none;
 }
-#menuSelector,
-.healthReportDetails {
-    -webkit-filter: invert(100%);
-}
-.healthReportDetails img {
+#menuSelector {
     -webkit-filter: invert(100%);
 }
 .hetero-list-container .dd-handle,
@@ -141,43 +115,10 @@ footer {
 @import url("./parts/_breadcrumbs.less");
 @import url("./parts/_side-panel.less");
 @import url("./parts/_main-panel.less");
-/* bigtable */
-.bigtable tr {
-    border: 1px solid @background-dark;
-}
 #projectstatus .header {
     border-bottom-color: @background-dark;
 }
-.bigtable th,
-.bigtable tr.header {
-    background-color: @background-black;
-    border-color: @background-dark;
-    color: @text-light;
-}
-table.sortable span.sortarrow {
-    color: @text-light;
-}
-.bigtable tr.header th {
-    background-color: @background-black;
-    color: @text-light;
-}
-table.sortable a.sortheader {
-    color: @text-light;
-}
-table.bigtable.pane > tbody > tr > td:last-child {}
-.pane-frame .bigtable tr,
-.pane-frame table {}
-table.stripped tr:nth-child(even) {
-    background: @background-black;
-    color: @text-light;
-}
-.bigtable .plugin-category td.pane {
-    font-size: 3em;
-    text-align: center;
-    text-transform: uppercase;
-    background-color: #4183C4;
-    color: @text-light;
-}
+@import url('./parts/_table.less');
 @import url( './parts/_dashboard.less');
 @import url( './parts/_buildHistory.less');
 @import url( './parts/_tasks.less');
@@ -192,26 +133,7 @@ table.stripped tr:nth-child(even) {
     vertical-align: middle;
 }
 .setting-name::after {}
-#filter-box,
-#search-box {
-    border: solid 1px @background-black;
-    border-radius: 0;
-    box-shadow: none;
-    background: #3a3a3a @search-image-16 3px center no-repeat !important;
-    padding: 4px 3px 4px 25px !important;
-    color: @text-light;
-}
-#filter-box:hover,
-#search-box:hover {
-    border-color: @blue;
-}
+@import url('./parts/_searchbox.less');
 @import url( './parts/_buttons.less');
 @import url( './parts/_tabs.less');
-/* this is the trend timeline */
-.timeline-container {
-    -webkit-filter: invert(80%);
-}
-/* this is inside the timeline, so we invert it back to normal */
-.timeline-container .timeline-event-icon > img {
-    -webkit-filter: invert(80%);
-}
+@import url( './parts/_timeline.less');
diff --git a/package.json b/package.json
@@ -46,7 +46,9 @@
     "load-grunt-tasks": "^3.3.0",
     "npm": "^3.4.1",
     "pixrem": "^3.0.0",
-    "postcss-encode-base64-inlined-images": "0.0.1"
+    "postcss-encode-base64-inlined-images": "0.0.1",
+
+    "quixote": "^0.12.2"
   },
   "dependencies": {}
 }
diff --git a/parts/_dashboard.less b/parts/_dashboard.less
@@ -18,6 +18,7 @@ table#computers {
     .job-status-green,
     .job-status-blue,
     .job-status-aborted,
+    .job-status-grey,
     .job-status-nobuilt,
     .job-status- {
       td {
@@ -31,6 +32,7 @@ table#computers {
       &.job-status-yellow-anime,
       &.job-status-green-anime,
       &.job-status-blue-anime,
+      &.job-status-grey-anime,
       &.job-status-nobuilt-anime,
       &.job-status-aborted-anime, {
         animation: pulse 5s infinite;
@@ -43,6 +45,7 @@ table#computers {
       &.job-status-yellow-anime,
       &.job-status-green-anime,
       &.job-status-blue-anime,
+      &.job-status-grey-anime,
       &.job-status-nobuilt-anime,
       &.job-status-aborted-anime, {
         animation: pulse-alt 5s infinite;

diff --git a/parts/_scrollbar.less b/parts/_scrollbar.less
@@ -0,0 +1,22 @@
+@import url( './_variables.less');
+::-webkit-scrollbar {
+    max-width: 10px !important;
+    max-height: 10px !important;
+    background: lighten(@background-light,8.8%) !important;
+}
+::-webkit-scrollbar-corner,
+::-webkit-scrollbar-track {
+    background: lighten(@background-light,8.8%) !important;
+}
+::-webkit-scrollbar-thumb {
+    border-radius: 5px !important;
+    background: rgba(80,80,80,.6) !important;
+}
+::-webkit-scrollbar-corner,
+::-webkit-scrollbar-track {
+    background: lighten(@background-light,8.8%) !important;
+}
+::selection {
+    background-color: lighten(@blue,20%) !important;
+    color: @white !important;
+}
diff --git a/parts/_searchbox.less b/parts/_searchbox.less
@@ -0,0 +1,14 @@
+@import url( './_variables.less');
+#filter-box,
+#search-box {
+    border: solid 1px @background-black;
+    border-radius: 0;
+    box-shadow: none;
+    background: #3a3a3a @search-image-16 3px center no-repeat !important;
+    padding: 4px 3px 4px 25px !important;
+    color: @text-light;
+}
+#filter-box:hover,
+#search-box:hover {
+    border-color: @blue;
+}
diff --git a/parts/_table.less b/parts/_table.less
@@ -0,0 +1,35 @@
+@import url( './_variables.less');
+/* bigtable */
+.bigtable tr {
+    border: 1px solid @background-dark;
+}
+.bigtable th,
+.bigtable tr.header {
+    background-color: @background-black;
+    border-color: @background-dark;
+    color: @text-light;
+}
+table.sortable span.sortarrow {
+    color: @text-light;
+}
+.bigtable tr.header th {
+    background-color: @background-black;
+    color: @text-light;
+}
+table.sortable a.sortheader {
+    color: @text-light;
+}
+table.bigtable.pane > tbody > tr > td:last-child {}
+.pane-frame .bigtable tr,
+.pane-frame table {}
+table.stripped tr:nth-child(even) {
+    background: @background-black;
+    color: @text-light;
+}
+.bigtable .plugin-category td.pane {
+    font-size: 3em;
+    text-align: center;
+    text-transform: uppercase;
+    background-color: #4183C4;
+    color: @text-light;
+}
diff --git a/parts/_timeline.less b/parts/_timeline.less
@@ -0,0 +1,9 @@
+@import url( './_variables.less');
+/* this is the trend timeline */
+.timeline-container {
+    -webkit-filter: invert(80%);
+}
+/* this is inside the timeline, so we invert it back to normal */
+.timeline-container .timeline-event-icon > img {
+    -webkit-filter: invert(80%);
+}