Uploaded image for project: 'Jenkins'
  1. Jenkins
  2. JENKINS-34041

Improve Delivery Pipeline plugin stylesheets

    XMLWordPrintable

Details

    Description

      It would be nice to update the stylesheets of the plugin to allow for a more modern, fresh view. The default fullscreen view stylesheet could be improved for better visualisation on information radiators. Possibly we could ship some alternative stylesheets to allow users to select between several different options.

      Attachments

        Activity

          pskumar448 Suresh Kumar added a comment -

          I have tried by taking the colors from bootstrap, below is sample

          pskumar448 Suresh Kumar added a comment - I have tried by taking the colors from bootstrap, below is sample
          tommysdk Tommy Tynjä added a comment -

          pskumar448 I noticed this just know. It would be great if you could find a way to provide multiple stylesheets. So we could provide several ones along with the current default one, to allow users to select between a few different options when configuring their pipeline view.

          tommysdk Tommy Tynjä added a comment - pskumar448 I noticed this just know. It would be great if you could find a way to provide multiple stylesheets. So we could provide several ones along with the current default one, to allow users to select between a few different options when configuring their pipeline view.
          pskumar448 Suresh Kumar added a comment -

          tommysdk
          I figured out a way like implementing themes for DPP and submitted PR for this, at present I did it for the default. Let me know feedback on this.
          https://github.com/Diabol/delivery-pipeline-plugin/pull/178

          And also I am working on Bootstrap color theme and let me know your feedback on below color scheme
          NormalView:

          FullScreenView:

          pskumar448 Suresh Kumar added a comment - tommysdk I figured out a way like implementing themes for DPP and submitted PR for this, at present I did it for the default. Let me know feedback on this. https://github.com/Diabol/delivery-pipeline-plugin/pull/178 And also I am working on Bootstrap color theme and let me know your feedback on below color scheme NormalView: FullScreenView:
          tommysdk Tommy Tynjä added a comment -

          I'm looking in to the PR now. Will add any feedback directly in GitHub.

          Regarding the bootstrap theme; what's dictating the colors in deploy and perftest? I assume Build (green) means success and Test (red) means fail. Is build in progress still blinking blue?

          tommysdk Tommy Tynjä added a comment - I'm looking in to the PR now. Will add any feedback directly in GitHub. Regarding the bootstrap theme; what's dictating the colors in deploy and perftest? I assume Build (green) means success and Test (red) means fail. Is build in progress still blinking blue?
          tommysdk Tommy Tynjä added a comment -

          PR 178 merged to master. Also added another theme named contrast in PR 180 (also merged). The contrast theme is more suitable for fullscreen mode on information radiators.

          tommysdk Tommy Tynjä added a comment - PR 178 merged to master. Also added another theme named contrast in PR 180 (also merged). The contrast theme is more suitable for fullscreen mode on information radiators.
          pskumar448 Suresh Kumar added a comment -

          tommysdk
          Yes, Still I kept Blue as the progress bar color.
          Build job showing Success color.
          Deploy job showing Unstable color.
          Test job showing Fail color.
          PerfTest job showing Abort color.

          I am working on the gradients and box-shadows of the Stage and Task panels.
          Info panels trying to keep as simple as possible for best readability.

          pskumar448 Suresh Kumar added a comment - tommysdk Yes, Still I kept Blue as the progress bar color. Build job showing Success color. Deploy job showing Unstable color. Test job showing Fail color. PerfTest job showing Abort color. I am working on the gradients and box-shadows of the Stage and Task panels. Info panels trying to keep as simple as possible for best readability.
          tommysdk Tommy Tynjä added a comment -

          pskumar448 Alright. Just send a pull request with the propsed theme and I'll be happy to take a look at it!

          tommysdk Tommy Tynjä added a comment - pskumar448 Alright. Just send a pull request with the propsed theme and I'll be happy to take a look at it!
          tommysdk Tommy Tynjä added a comment -

          Support for themes implemented and merged to master. Also bundled alternative "contrast" theme alongside the default theme. Feature will be part of next release.

          tommysdk Tommy Tynjä added a comment - Support for themes implemented and merged to master. Also bundled alternative "contrast" theme alongside the default theme. Feature will be part of next release.

          People

            pskumar448 Suresh Kumar
            tommysdk Tommy Tynjä
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

            Dates

              Created:
              Updated:
              Resolved: