From 26bbc0371b1ea6912d2d449c4708dbb2bdb434cc Mon Sep 17 00:00:00 2001 From: camalot Date: Sat, 21 May 2016 19:10:39 -0500 Subject: [PATCH 1/7] removed the invert from the healthStatus table. --- jenkins-dark.less | 6 +----- 1 file changed, 1 insertion(+), 5 deletions(-) diff --git a/jenkins-dark.less b/jenkins-dark.less index b25bcf7..9299378 100644 --- a/jenkins-dark.less +++ b/jenkins-dark.less @@ -99,11 +99,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, From 29786a6c6b889e4b8b8a7662d7e1e27f0deb15fe Mon Sep 17 00:00:00 2001 From: camalot Date: Sat, 21 May 2016 19:15:23 -0500 Subject: [PATCH 2/7] hide the localization link --- jenkins-dark.less | 28 +++------------------------- parts/_searchbox.less | 13 +++++++++++++ parts/_timeline.less | 8 ++++++++ 3 files changed, 24 insertions(+), 25 deletions(-) create mode 100644 parts/_searchbox.less create mode 100644 parts/_timeline.less diff --git a/jenkins-dark.less b/jenkins-dark.less index 9299378..eba5dc5 100644 --- a/jenkins-dark.less +++ b/jenkins-dark.less @@ -5,11 +5,8 @@ * 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 { @@ -188,26 +185,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/parts/_searchbox.less b/parts/_searchbox.less new file mode 100644 index 0000000..c291c5b --- /dev/null +++ b/parts/_searchbox.less @@ -0,0 +1,13 @@ +#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/_timeline.less b/parts/_timeline.less new file mode 100644 index 0000000..0257c66 --- /dev/null +++ b/parts/_timeline.less @@ -0,0 +1,8 @@ +/* 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%); +} From 7f4d38d52053218edadb08654c5a28f5d8f12327 Mon Sep 17 00:00:00 2001 From: camalot Date: Sat, 21 May 2016 19:17:24 -0500 Subject: [PATCH 3/7] separated some from the main.less file --- jenkins-dark.less | 22 +--------------------- parts/_scrollbar.less | 22 ++++++++++++++++++++++ parts/_searchbox.less | 1 + parts/_timeline.less | 1 + 4 files changed, 25 insertions(+), 21 deletions(-) create mode 100644 parts/_scrollbar.less diff --git a/jenkins-dark.less b/jenkins-dark.less index eba5dc5..134cc54 100644 --- a/jenkins-dark.less +++ b/jenkins-dark.less @@ -9,27 +9,7 @@ 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; -} + #main-panel, .bottom-sticker-inner, .top-sticker-inner, diff --git a/parts/_scrollbar.less b/parts/_scrollbar.less new file mode 100644 index 0000000..6cffc8b --- /dev/null +++ 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 index c291c5b..83492f5 100644 --- a/parts/_searchbox.less +++ b/parts/_searchbox.less @@ -1,3 +1,4 @@ +@import url( './_variables.less'); #filter-box, #search-box { border: solid 1px @background-black; diff --git a/parts/_timeline.less b/parts/_timeline.less index 0257c66..2ead378 100644 --- a/parts/_timeline.less +++ b/parts/_timeline.less @@ -1,3 +1,4 @@ +@import url( './_variables.less'); /* this is the trend timeline */ .timeline-container { -webkit-filter: invert(80%); From 1b0133d9ca6d74a4b6071aa67b7c0ef3f254a723 Mon Sep 17 00:00:00 2001 From: camalot Date: Sat, 21 May 2016 19:19:20 -0500 Subject: [PATCH 4/7] moved table style to separate file --- jenkins-dark.less | 32 ++------------------------------ parts/_table.less | 31 +++++++++++++++++++++++++++++++ 2 files changed, 33 insertions(+), 30 deletions(-) create mode 100644 parts/_table.less diff --git a/jenkins-dark.less b/jenkins-dark.less index 134cc54..5781a57 100644 --- a/jenkins-dark.less +++ b/jenkins-dark.less @@ -9,6 +9,7 @@ display: none !important; } @import url( './parts/_keyframes.less'); +@import url('./parts/_scrollbar.less'); #main-panel, .bottom-sticker-inner, @@ -121,36 +122,7 @@ footer { #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'); diff --git a/parts/_table.less b/parts/_table.less new file mode 100644 index 0000000..845f70e --- /dev/null +++ b/parts/_table.less @@ -0,0 +1,31 @@ +@import url( './_variables.less'); +.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; +} From bd672107a4e0780c0ff9700dfe096455b6a9e87b Mon Sep 17 00:00:00 2001 From: camalot Date: Sat, 21 May 2016 19:20:47 -0500 Subject: [PATCH 5/7] added another section to the table less file --- jenkins-dark.less | 4 ---- parts/_table.less | 4 ++++ 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/jenkins-dark.less b/jenkins-dark.less index 5781a57..326f448 100644 --- a/jenkins-dark.less +++ b/jenkins-dark.less @@ -115,10 +115,6 @@ 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; } diff --git a/parts/_table.less b/parts/_table.less index 845f70e..01224ec 100644 --- a/parts/_table.less +++ b/parts/_table.less @@ -1,4 +1,8 @@ @import url( './_variables.less'); +/* bigtable */ +.bigtable tr { + border: 1px solid @background-dark; +} .bigtable th, .bigtable tr.header { background-color: @background-black; From 5734e0ce409b938eda66d9b28a8137b0b6f51ded Mon Sep 17 00:00:00 2001 From: camalot Date: Sat, 21 May 2016 19:34:20 -0500 Subject: [PATCH 6/7] added reference to quixote for unit testing --- README.md | 3 +++ package.json | 4 +++- 2 files changed, 6 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 473dccf..4730b25 100644 --- 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/package.json b/package.json index 454949f..489f02a 100644 --- 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": {} } From 78c1d107cc8560c2d3ee8be965df895fba7a0d4b Mon Sep 17 00:00:00 2001 From: camalot Date: Fri, 27 May 2016 18:01:51 -0500 Subject: [PATCH 7/7] fixed the dashboard size for -grey build status --- parts/_dashboard.less | 3 +++ 1 file changed, 3 insertions(+) diff --git a/parts/_dashboard.less b/parts/_dashboard.less index 1859402..b7c93d2 100644 --- 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;