Noratrieb/does-it-build
1
0
Fork 0
mirror of https://github.com/Noratrieb/does-it-build.git synced 2026-01-14 10:25:01 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Improve design

Browse source 
Highlight that there are build details available with a `[details]`
link which wasn't obvious before.
This commit is contained in:
nora 2025-11-14 22:16:32 +01:00
parent 5b62eaff57
commit e523607cbc
3 changed files with 23 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

28
static/index.css
View file

@ -18,7 +18,7 @@ table {
th, th,
td { td {
padding: 2px 5px; padding: 2px 10px;
} }
tr:not(:last-child) { tr:not(:last-child) {
@ -40,32 +40,28 @@ tr:not(:last-child) {
background-color: light-dark(lightgray, rgb(85, 85, 85)); background-color: light-dark(lightgray, rgb(85, 85, 85));
} }
.target-header {
writing-mode: sideways-lr;
}
.build-indicator-big { .build-indicator-big {
padding: 10px; padding: 10px;
margin-top: 20px; margin-top: 20px;
} }
.build-cell { .build-details-link {
display: flex;
align-items: center;
text-decoration: none;
}
.build-details-emoji {
padding: 5px;
font-size: 2rem; font-size: 2rem;
} }
.build-info-a { .build-details-text {
color: black; text-decoration: underline;
text-decoration: none;
height: 100%;
width: 100%;
padding: 5px;
} }
.footer { .footer {
margin-top: 20px; margin-top: 40px;
display: flex;
align-items: center;
gap: 10px;
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {

7
templates/nightly.html
View file

@ -52,8 +52,11 @@
<td><a href="/target?target={{build.0}}">{{ build.0 }}</a></td> <td><a href="/target?target={{build.0}}">{{ build.0 }}</a></td>
{% match build.2 %} {% when Some with (build) %} {% match build.2 %} {% when Some with (build) %}
<td class="build-cell"> <td class="build-cell">
<a class="build-info-a" href="{{ build.link() }}"> <a href="{{ build.link() }}" class="build-details-link">
<span> {{ build.status.to_emoji() }} </span> <span class="build-details-emoji">
{{ build.status.to_emoji() }}
</span>
<span class="build-details-text">[details]</span>
</a> </a>
</td> </td>
{% when None %} {% when None %}

9
templates/target.html
View file

@ -1,4 +1,4 @@
<!doctype html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
@ -63,8 +63,11 @@
<td><a href="/nightly?nightly={{build.0}}">{{ build.0 }}</a></td> <td><a href="/nightly?nightly={{build.0}}">{{ build.0 }}</a></td>
{% match build.2 %} {% when Some with (build) %} {% match build.2 %} {% when Some with (build) %}
<td class="build-cell"> <td class="build-cell">
<a class="build-info-a" href="{{ build.link() }}"> <a href="{{ build.link() }}" class="build-details-link">
<span> {{ build.status.to_emoji() }} </span> <span class="build-details-emoji">
{{ build.status.to_emoji() }}
</span>
<span class="build-details-text">[details]</span>
</a> </a>
</td> </td>
{% when None %} {% when None %}