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

Improve Delivery Pipeline plugin stylesheets

    Details

    • Similar Issues:

      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

          Hide
          pskumar448 Suresh Kumar added a comment -

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

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

          Suresh Kumar 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.

          Show
          tommysdk Tommy Tynjä added a comment - Suresh Kumar 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.
          Hide
          pskumar448 Suresh Kumar added a comment -

          Tommy Tynjä
          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:

          Show
          pskumar448 Suresh Kumar added a comment - Tommy Tynjä 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:
          Hide
          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?

          Show
          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?
          Hide
          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.

          Show
          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.
          Hide
          pskumar448 Suresh Kumar added a comment -

          Tommy Tynjä
          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.

          Show
          pskumar448 Suresh Kumar added a comment - Tommy Tynjä 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.
          Hide
          tommysdk Tommy Tynjä added a comment -

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

          Show
          tommysdk Tommy Tynjä added a comment - Suresh Kumar Alright. Just send a pull request with the propsed theme and I'll be happy to take a look at it!
          Hide
          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.

          Show
          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

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

              Dates

              • Created:
                Updated:
                Resolved: