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 }