Mercurial > libervia-templates
comparison default/static/ticket.css @ 56:ea67eba3199d
ticket: first draft:
those templates are the first implementations to:
- show a list of tickets
- create a new ticket
- display a ticket an its comments
author | Goffi <goffi@goffi.org> |
---|---|
date | Sun, 05 Nov 2017 22:04:34 +0100 |
parents | |
children | f76ec90e0e1e |
comparison
equal
deleted
inserted
replaced
55:d58fdd57df49 | 56:ea67eba3199d |
---|---|
1 @import 'blog.css'; /* needed as blog/articles.html is included */ | |
2 | |
3 .instructions { | |
4 font-style: italic; | |
5 text-align: center; | |
6 } | |
7 | |
8 .instructions span { | |
9 padding: 0.3em; | |
10 } | |
11 | |
12 .tickets table { | |
13 margin: 0 auto; | |
14 } | |
15 | |
16 .tickets tr:nth-child(even) { | |
17 background: #CCC9; | |
18 } | |
19 | |
20 .tickets tr:nth-child(odd) { | |
21 background: #FFF; | |
22 } | |
23 | |
24 .tickets tbody tr:hover { | |
25 background: yellow; | |
26 } | |
27 | |
28 .tickets tbody tr.severity_major .td_title a::before { | |
29 content: '⚠ '; | |
30 color: red; | |
31 } | |
32 | |
33 .tickets tbody tr.status_closed { | |
34 text-decoration: line-through; | |
35 color: grey; | |
36 } | |
37 | |
38 /* single ticket */ | |
39 | |
40 .ticket { | |
41 padding: 20px; | |
42 max-width: 500px; | |
43 margin: 0 auto; | |
44 } | |
45 | |
46 .view .xmlui_widget { | |
47 width: auto; | |
48 } | |
49 | |
50 .view #label_wid_title, | |
51 .view #label_wid_body, | |
52 .view #label_wid_id, | |
53 .view #label_wid_comments_uri, | |
54 .view #wid_comments_uri { | |
55 display: none | |
56 } | |
57 | |
58 .view .xmlui_widget { | |
59 text-align: right; | |
60 } | |
61 | |
62 .view #wid_id { | |
63 margin: 0; | |
64 font-style: italic; | |
65 } | |
66 | |
67 .view .xmlui_label { | |
68 font-weight: bold; | |
69 float: left; | |
70 color: #808080cc; | |
71 } | |
72 | |
73 .view #wid_title { | |
74 font-weight: bold; | |
75 display: block; | |
76 text-align: center; | |
77 } | |
78 .view #wid_title:first-letter { | |
79 text-transform: uppercase; | |
80 } | |
81 | |
82 .view #wid_labels span { | |
83 font-size: 0.8em; | |
84 background: #eae3e3; | |
85 font-variant: small-caps; | |
86 border: 1px solid black; | |
87 border-radius: 0.5em; | |
88 padding: 0 2px; | |
89 white-space: nowrap; | |
90 } | |
91 | |
92 .view #wid_labels span.value_work_in_progress { | |
93 background: yellow; | |
94 } | |
95 | |
96 .view #wid_type { | |
97 font-weight: bold; | |
98 } | |
99 | |
100 .view #wid_type span.value_bug::after { | |
101 content: ' 🐛'; | |
102 color: red; | |
103 } | |
104 | |
105 .view #wid_severity span.value_major { | |
106 font-weight: bold; | |
107 color: red; | |
108 } | |
109 | |
110 .view #wid_severity span.value_major::after { | |
111 content: '⚠ '; | |
112 } | |
113 | |
114 .view #wid_body { | |
115 white-space: pre-wrap; | |
116 max-height: 500px; | |
117 overflow: auto; | |
118 resize: both; | |
119 background-color: white; | |
120 padding: 5px; | |
121 text-align: justify; | |
122 border: 1px solid black; | |
123 border-radius: 5px; | |
124 } | |
125 | |
126 .comment_post { | |
127 margin-top: 3em; | |
128 } |