3e7101dd64
I am not sure what "new-menu" means, but I think we need to fix these problems: 1. it shouldn't have "stackable", which makes the items stacked when width is small. the `new-menu` already has `overflow: auto` 2. `justify-content: center` doesn't work with `overflow: auto` (for small width), so use `margin: auto` * https://bhch.github.io/posts/2021/04/centring-flex-items-and-allowing-overflow-scroll/ 3. `runner-new-menu` is dead code (copying & pasting ?)
54 lines
1.1 KiB
CSS
54 lines
1.1 KiB
CSS
.runner-container {
|
|
padding-bottom: 30px;
|
|
}
|
|
|
|
.runner-container .ui.table.segment {
|
|
overflow-x: auto;
|
|
}
|
|
|
|
.runner-container .runner-ops > a {
|
|
margin-left: 0.5em;
|
|
}
|
|
|
|
.runner-container .runner-ops-delete {
|
|
color: var(--color-red-light);
|
|
}
|
|
|
|
.runner-container .runner-basic-info .gt-dib {
|
|
margin-right: 1em;
|
|
}
|
|
|
|
.runner-container .runner-status-online {
|
|
padding: 0.3em 0.5em;
|
|
background-color: var(--color-green);
|
|
color: var(--color-white);
|
|
}
|
|
|
|
.runner-container .runner-new-text {
|
|
color: var(--color-white);
|
|
}
|
|
|
|
.runner-container #runner-new:hover .runner-new-text {
|
|
color: var(--color-white) !important;
|
|
}
|
|
|
|
.runner-container .task-status-success {
|
|
background-color: var(--color-green);
|
|
color: var(--color-white);
|
|
}
|
|
|
|
.runner-container .task-status-failure {
|
|
background-color: var(--color-red-light);
|
|
color: var(--color-white);
|
|
}
|
|
|
|
.runner-container .task-status-running {
|
|
background-color: var(--color-blue);
|
|
color: var(--color-white);
|
|
}
|
|
|
|
.runner-container .task-status-cancelled,
|
|
.runner-container .task-status-blocked {
|
|
background-color: var(--color-yellow);
|
|
color: var(--color-white);
|
|
}
|