diff options
| author | silverwind <me@silverwind.io> | 2023-03-15 03:20:19 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-03-14 22:20:19 -0400 |
| commit | 202803fc69d21763a06d8d0f5a4c46509c18f6f1 (patch) | |
| tree | 4e273829061a640ceb6b3a33e563b3e8d842a8ae /web_src/css/runner.css | |
| parent | bf730528cadc4727eab8844934b6a0716d327243 (diff) | |
| download | gitea-202803fc69d21763a06d8d0f5a4c46509c18f6f1.tar.gz gitea-202803fc69d21763a06d8d0f5a4c46509c18f6f1.zip | |
Replace Less with CSS (#23481)
Ran most of the Less files through the Less compiler and Prettier and
then followed up with a round of manual fixes.
The Less compiler had unfortunately stripped all `//` style comments
that I had to restore (It did preserve `/* */` comments). Other fixes
include duplicate selector removal which were revealed after the
transpilation and which weren't caught by stylelint before but now are.
Fixes: https://github.com/go-gitea/gitea/issues/15565
Diffstat (limited to 'web_src/css/runner.css')
| -rw-r--r-- | web_src/css/runner.css | 54 |
1 files changed, 54 insertions, 0 deletions
diff --git a/web_src/css/runner.css b/web_src/css/runner.css new file mode 100644 index 0000000000..d0ea5252e5 --- /dev/null +++ b/web_src/css/runner.css @@ -0,0 +1,54 @@ +.runner-container { + padding-bottom: 30px; +} + +.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 .runner-new-menu { + width: 300px; +} + +.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); +} |