diff options
| author | Özgür Kesim <oec@codeblau.de> | 2023-12-27 21:00:27 +0100 |
|---|---|---|
| committer | Özgür Kesim <oec@codeblau.de> | 2023-12-27 21:00:27 +0100 |
| commit | 5fa23a72bbcc6dd55199468cba6f6f76d9edfdda (patch) | |
| tree | eaf1c5e1cf6fc81ae829a073ca8dc2b1aea02a95 | |
| parent | 354370a523f1058316a766c02c604271b095add9 (diff) | |
make details less jumpy
| -rw-r--r-- | table.tmpl | 24 |
1 files changed, 20 insertions, 4 deletions
@@ -31,14 +31,22 @@ tr:hover { .issue { background: #edc; } +.minh { + min-height: 5em; +} details { - max-width: 30vw; + max-width: 50vw; border-radius: 5px; padding: 8px; overflow-x: auto; white-space: nowrap; text-overflow: ellipsis; } +details[open] { + position: absolute; + background: white; + border: 2px grey solid; +} details.version { max-width: 30vw; padding: 5px; @@ -47,6 +55,14 @@ details.version { white-space: normal; text-align: justify; } +details[open].feature { + background: aliceblue; + border: 2px midnightblue solid; +} +details[open].issue { + background: lightyellow; + border: 2px brown solid; +} </style></head> <body> <h1>GNU Taler Dashboard</h1> @@ -66,7 +82,7 @@ details.version { {{- range $vname := $top.TargetVersions }} {{- with $version := $versions.Get . }} <th> - <details class="version"> + <details class="version"> <summary><b>{{ $vname }}</b> ({{ $version.Timestamp.Format "02 Jan 06"}})</summary> <div>{{ $version.Description }}</div> </details> @@ -79,7 +95,7 @@ details.version { <th class="side">{{ . }}</th> {{- range $tar := $top.TargetVersions }} {{- with $version := $versions.Get . }} - <td>{{ with $features.ByCategoryAndTarget $cat $tar }} + <td><div class="minh">{{ with $features.ByCategoryAndTarget $cat $tar }} <details class="feature"> <summary>{{ $l := len .}}{{ if lt 1 $l }}{{ $l }} features{{ else }}1 feature{{ end }}</summary> {{- range . }} @@ -94,7 +110,7 @@ details.version { <a href="https://bugs.gnunet.org/view.php?id={{.Id}}" target="_blank">{{.Id}}</a> {{.Summary}}<br>{{end}} </details> {{ end -}} - </td>{{ end }} + </div></td>{{ end }} {{ end }} </tr> {{- end}} |