Mercurial > libervia-templates

comparison default/static/ticket.css @ 74:e99bd385774a

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
ticket(overview): use list instead of table and display labels
author Goffi <goffi@goffi.org>
date Mon, 04 Dec 2017 00:50:40 +0100
parents 9834106678da
children 042530200fe4
comparison
equal deleted inserted replaced
73:94b04fba91c7 74:e99bd385774a
7 7
8 .instructions span { 8 .instructions span {
9 padding: 0.3em; 9 padding: 0.3em;
10 } 10 }
11 11
12 .tickets table { 12 ul.xmlui_list {
13 margin: 0 auto; 13 list-style: none;
14 border-spacing: 0 0.5em; 14 display: flex;
15 flex-direction: column;
16 padding: 0;
15 } 17 }
16 18
17 .tickets tr:nth-child(even) { 19 .xmlui_list li {
18 background: #CCC9; 20 display: inline-flex;
21 background: #eee;
22 padding: 0.5em;
23 margin: 0.5em 0;
24 border: 1px solid silver;
19 } 25 }
20 26
21 .tickets tr:nth-child(odd) { 27 .xmlui_list li:hover {
22 background: #FFF; 28 background: yellow;
23 } 29 }
24 30
25 .tickets tbody tr:hover { 31 .xmlui_list a {
26 background: yellow; 32 display: flex;
33 width: 100%;
34 text-decoration: none;
35 color: inherit;
36 }
37
38 .xmlui_list a:visited {
39 color: inherit;
40 }
41
42 .tickets a.status_closed {
43 text-decoration: line-through;
44 color: grey;
45 }
46
47 .xmlui_field__id {
48 font-style: 1;
49 padding-right: 1em;
50 }
51
52 .xmlui_field__title {
53 padding-right: 1em;
54 }
55
56 .tickets a.severity_major .xmlui_field__title {
57 font-weight: bold;
58 color: red;
27 } 59 }
28 60
29 .tickets tbody tr.severity_major .td_title a::before { 61 .tickets tbody tr.severity_major .td_title a::before {
30 content: '⚠ '; 62 content: '⚠ ';
31 color: red; 63 color: red;
32 }
33
34 .tickets tbody tr.status_closed {
35 text-decoration: line-through;
36 color: grey;
37 } 64 }
38 65
39 /* single ticket */ 66 /* single ticket */
40 67
41 .ticket { 68 .ticket {
88 } 115 }
89 .view #wid_title::first-letter { 116 .view #wid_title::first-letter {
90 text-transform: uppercase; 117 text-transform: uppercase;
91 } 118 }
92 119
93 .view #wid_labels span { 120 .view #wid_labels span, .xmlui_field__labels span {
94 font-size: 0.8em; 121 font-size: 0.8em;
95 background: #eae3e3; 122 background: #eae3e3;
96 font-variant: small-caps; 123 font-variant: small-caps;
97 border: 1px solid black; 124 border: 1px solid black;
98 border-radius: 0.5em; 125 border-radius: 0.5em;
138 } 165 }
139 166
140 .comment_post { 167 .comment_post {
141 margin-top: 3em; 168 margin-top: 3em;
142 } 169 }
170
171 @media (min-width: 800px) {
172 ul.xmlui_list {
173 padding: 0 2em;
174 }
175 .xmlui_list li {
176 border-radius: 0.3em;
177 }
178 }