djonsson / jenkins-atlassian-theme Goto Github PK
View Code? Open in Web Editor NEWJenkins improved UI - Atlassian style
License: MIT License
Jenkins improved UI - Atlassian style
License: MIT License
login.js declares a hardwired external file to apply a css.
var srcDirectory = 'http://develop.source.test.do/src/';
Looking closer, there is a function: appendStyleSheet which is not used. Probably these should be removed for clarity ?
Hey Guys - first this is a great theme. But I have a strange problem where the theme works correctly when I link directly to your hosted css and js.
However, if I copy the css and js locally, or if I build the release locally, when I logout I see the original black jenkins butler theme on the login page instead of the blue page which seems to work for all other pages.
Thanks
Hosted installation mentioned in README:
https://cdn.rawgit.com/djonsson/jenkins-atlassian-theme/gh-pages/theme-min.css
https://cdn.rawgit.com/djonsson/jenkins-atlassian-theme/gh-pages/theme.js
is not up to date with master branch.
The Save and Apply buttons are only partially visible until we've scrolled all the way to the bottom.
I took a look at how the un-styled Jenkins works, and they are completely hidden until you've reach the bottom of the page; and then they are shown. The code for this seems to be in hudson-behavior.js around line 1157 (Using Safari Inspector).
But the comment states
/*
Use on div tag to make it sticky visible on the bottom of the page.
When page scrolls it remains in the bottom of the page
Convenient on "OK" button and etc for a long form page
*/
So not sure if this behavior was changed on purpose, or if it's a bug in their code
This is on Jenkins 1.597.
As Jenkins 2 is due this month, I'm wondering if the Atlassian theme will be compatible or not? Has anyone tested it yet?
The distinction between red/green icons isn't great for people who are colorblind (so I'm told).
These colors work better:
In order to circumvent the permanent caching of rawgit.com we need to implement dynamic filenames (with versioning). The readme should also be updated to reflect this change.
See stack overflow:
http://stackoverflow.com/questions/20437620/dynamically-add-version-number-to-dest-output-files-w-grunt
Just wanted to say this is an awesome project and I appreciate it. Jenkins is a great CI server, and now it looks pretty too.
(Excuse the issue - couldn't find contact details on your github page).
http://master.source.test.do/dist/theme.css
Not able to reach above anymore
It would be great if hosted HTTPS was available since it takes the hassle out of upgrading. It is possible to use something like https://cdnjs.com/ to provide full hosting support.
Would be great to have a couple of screenshots of this theme so those not familiar with it can take a peek before doing the leg work.
I have nested view which is an option when you create views :
But the display bar doesn't show up and just shows repeated @nbsp at http://jenkinsxx.xx.net:7777/view/content/# :
Hi,
i've updated Jenkins to 2.0, the theme seems to work fine except the job-configure-screen.
There is a huge gap between the tabbar and the settings.
I manage to solve this problem with: schorsch3000@5039f70
i don't know if it breaks the theme on jenkins 1.x how should we manage this?
Removing max-width:1px from "#executors th.pane a.model-link" fixes it.
Removing display:block makes the width normal.
Issue is present in http://master.source.test.do/dist/theme.css
Can't find it in the source, otherwise I would have made a PR.
Trying to install this self-hosted.
The instructions refer to theme.js, theme.css files which is not available.
It appears you need to build it using grunt?
It seems like you need to install:
All that just to build this Jenkins theme? It seems like a lot of effort for just a theme.
Node, Npm , Grunt does not come standard with Debian for example and you have to build node from source. Just to use this Jenkins theme!
Or I am missing something?
If not, can you please provide built package? Thank you!
After gruntifying the project, .login-container
is added to #view-message
. This class should only be added to the div wrapping the login-container.
This is the problematic line in login.js
:
var loginContainer = $( '#main-panel div:first' ).addClass( 'login-container' );
Problem:
<div id="view-message" class="login-container">
#view-message
now has width: 325px
which mess up the layout, see screenshot.
Hello.
Url: http://master.source.test.do/src/script.js
gives 404.
Please allow us to include the Application Links (top left menu) on Jenkins, this is the only missing part in making this perfect
I don't know if I can find words to describe how much I like the idea of this theme for Jenkins. The default Jenkins UI sucks big time and not only from the aesthetic point of view but also from the accessibility and usability perspective. ๐
Hi!
This is a request out of the blue but I was looking for themes for Jenkins and I end up here. Before deciding to install the theme it would be nice to see how it looks.
Thanks!
As of Jenkins 1.572 that contains jenkinsci/jenkins#1310 it seems that it breaks the design in some ways. Is there any plan to support the new design?
Please deploy the theme using a CDN, this would make it much easier to deploy and also will provide free upgrades in the future.
One side effect is that will also allow to gather additional analytics data regarding popularity.
it seems that the files are not available on HTTPS which means that is impossible to use this plugin on secured Jenkins instances. HTTPS
http://master.source.test.do/src/script.js
http://master.source.test.do/src/style.css
http://cl.ly/image/0U0z2d2H0w3Q
Looks like it's changed at Jenkins version 1.587
Replace the current progress bars in the side panel and all other places with animated slider.
I used the steps and put the css and js links but my UI did not change any pointers as to why that would happen ?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.