Use '.jenkins-card' for cards

[janfaracik]

See #496

Introduced in jenkinsci/jenkins#9148 is the card component. This PR updates the graph view plugin to use those new styles, bringing it inline with core and removing a bunch of CSS. Also updated a few variables to Jenkins colours when possible.

Before

After

Testing done

Submitter checklist

• Make sure you are opening from a topic/feature/bugfix branch (right side) and not your main branch!
• Ensure that the pull request title represents the desired changelog entry
• Please describe what you did
• Link to relevant issues in GitHub or Jira
• Link to relevant pull requests, esp. upstream and downstream changes
• Ensure you have provided tests - that demonstrates feature works or fixes the issue

[timja]

Looks really good only issue I found was overflow.

[timja]

likely this change causes graph overflow:

pipeline {
    agent any
    stages {
        stage('Non-Parallel Stage') {
            steps {
                echo 'This stage will be executed first.'
            }
        }
        stage('Parallel Stage') {
            failFast true
            parallel {
                stage('Branch A') {
                    steps {
                        echo "On Branch A"
                    }
                }
                stage('Branch B') {
                    steps {
                        echo "On Branch B"
                    }
                }
                stage('Branch C') {
                    stages {
                        stage('Nested 1') {
                            steps {
                                echo "In stage Nested 1 within Branch C"
                            }
                        }
                        stage('Nested 2') {
                            steps {
                                echo "In stage Nested 2 within Branch C"
                            }
                        }
                    }
                }
            }
        }
        stage('Skipped stage') {
            when {
                branch 'master'
            }
            steps {
                echo 'This stage will be skipped.'
            }
        }
        stage('Parallel Stage 2') {
            failFast true
            parallel {
                stage('Branch A') {
                    steps {
                        echo "On Branch A"
                    }
                }
                stage('Branch B') {
                    steps {
                        echo "On Branch B"
                    }
                }
                stage('Branch C') {
                    stages {
                        stage('Nested 1B') {
                            steps {
                                echo "In stage Nested 1B within Branch C"
                            }
                        }
                        stage('Nested 2B') {
                            steps {
                                echo "In stage Nested 2B within Branch C"
                            }
                        }
                    }
                }
            }
        }
    }
}

[janfaracik]

likely this change causes graph overflow:

``` pipeline { agent any stages { stage('Non-Parallel Stage') { steps { echo 'This stage will be executed first.' } } stage('Parallel Stage') { failFast true parallel { stage('Branch A') { steps { echo "On Branch A" } } stage('Branch B') { steps { echo "On Branch B" } } stage('Branch C') { stages { stage('Nested 1') { steps { echo "In stage Nested 1 within Branch C" } } stage('Nested 2') { steps { echo "In stage Nested 2 within Branch C" } } } } } } stage('Skipped stage') { when { branch 'master' } steps { echo 'This stage will be skipped.' } } stage('Parallel Stage 2') { failFast true parallel { stage('Branch A') { steps { echo "On Branch A" } } stage('Branch B') { steps { echo "On Branch B" } } stage('Branch C') { stages { stage('Nested 1B') { steps { echo "In stage Nested 1B within Branch C" } } stage('Nested 2B') { steps { echo "In stage Nested 2B within Branch C" } } } } } } } } ```

Good spot, should be sorted now

[timja]

LGTM, there's a couple of pending changes I'll see if we can get in before we bump the baseline, otherwise we can merge this in a week or two if those don't get sorted

[janfaracik]

LGTM, there's a couple of pending changes I'll see if we can get in before we bump the baseline, otherwise we can merge this in a week or two if those don't get sorted

Awesome, thanks!