51383ec084
As discussed in #22847 the helpers in helpers.less need to have a separate prefix as they are causing conflicts with fomantic styles This will allow us to have the `.gt-hidden { display:none !important; }` style that is needed to for the reverted PR. Of note in doing this I have noticed that there was already a conflict with at least one chroma style which this PR now avoids. I've also added in the `gt-hidden` style that matches the tailwind one and switched the code that needed it to use that. Signed-off-by: Andrew Thornton <art27@cantab.net> --------- Signed-off-by: Andrew Thornton <art27@cantab.net> Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
45 lines
980 B
Text
45 lines
980 B
Text
@import "variables.less";
|
|
|
|
.runner-container {
|
|
padding-bottom: 30px;
|
|
.runner-ops > a {
|
|
margin-left: .5em;
|
|
}
|
|
.runner-ops-delete {
|
|
color: var(--color-red-light);
|
|
}
|
|
.runner-basic-info .gt-dib {
|
|
margin-right: 1em;
|
|
}
|
|
.runner-status-online {
|
|
.ui.label;
|
|
background-color: var(--color-green);
|
|
color: var(--color-white);
|
|
}
|
|
.runner-new-text {
|
|
color: var(--color-white);
|
|
}
|
|
#runner-new:hover .runner-new-text {
|
|
color: var(--color-white) !important;
|
|
}
|
|
.runner-new-menu {
|
|
width: 300px;
|
|
}
|
|
.task-status-success {
|
|
background-color: var(--color-green);
|
|
color: var(--color-white);
|
|
}
|
|
.task-status-failure {
|
|
background-color: var(--color-red-light);
|
|
color: var(--color-white);
|
|
}
|
|
.task-status-running {
|
|
background-color: var(--color-blue);
|
|
color: var(--color-white);
|
|
}
|
|
.task-status-cancelled,
|
|
.task-status-blocked {
|
|
background-color: var(--color-yellow);
|
|
color: var(--color-white);
|
|
}
|
|
}
|