Mercurial > libervia-templates
annotate sat_templates/default/static/ticket.css @ 155:954759f0e8fa
css: styles improvments + following a bit more BEM conventions
author | Goffi <goffi@goffi.org> |
---|---|
date | Thu, 21 Jun 2018 01:12:40 +0200 |
parents | 33c7ce833d3f |
children |
rev | line source |
---|---|
56 | 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 | |
74
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
12 ul.xmlui_list { |
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
13 list-style: none; |
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
14 display: flex; |
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
15 flex-direction: column; |
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
16 padding: 0; |
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
17 } |
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
18 |
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
19 .xmlui_list li { |
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
20 display: inline-flex; |
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
21 background: #eee; |
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
22 padding: 0.5em; |
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
23 margin: 0.5em 0; |
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
24 border: 1px solid silver; |
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
25 } |
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
26 |
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
27 .xmlui_list li:hover { |
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
28 background: yellow; |
56 | 29 } |
30 | |
74
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
31 .xmlui_list a { |
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
32 display: flex; |
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
33 width: 100%; |
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
34 text-decoration: none; |
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
35 color: inherit; |
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
36 } |
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
37 |
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
38 .xmlui_list a:visited { |
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
39 color: inherit; |
56 | 40 } |
41 | |
74
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
42 .tickets a.status_closed { |
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
43 text-decoration: line-through; |
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
44 color: grey; |
56 | 45 } |
46 | |
74
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
47 .xmlui_field__id { |
90
042530200fe4
css (ticket): fixed bad value for font-style
Goffi <goffi@goffi.org>
parents:
74
diff
changeset
|
48 font-style: italic; |
74
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
49 padding-right: 1em; |
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
50 } |
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
51 |
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
52 .xmlui_field__title { |
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
53 padding-right: 1em; |
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
54 } |
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
55 |
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
56 .tickets a.severity_major .xmlui_field__title { |
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
57 font-weight: bold; |
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
58 color: red; |
56 | 59 } |
60 | |
61 .tickets tbody tr.severity_major .td_title a::before { | |
62 content: '⚠ '; | |
63 color: red; | |
64 } | |
65 | |
66 /* single ticket */ | |
67 | |
68 .ticket { | |
69 padding: 20px; | |
70 max-width: 500px; | |
71 margin: 0 auto; | |
72 } | |
73 | |
74 .view .xmlui_widget { | |
75 width: auto; | |
76 } | |
77 | |
63
a9ecc765214c
ticket(view): use CSS grid to display metadata, and put data next to labels
Goffi <goffi@goffi.org>
parents:
61
diff
changeset
|
78 .view div.xmlui_cont div.xmlui_cont { |
a9ecc765214c
ticket(view): use CSS grid to display metadata, and put data next to labels
Goffi <goffi@goffi.org>
parents:
61
diff
changeset
|
79 display: grid; |
a9ecc765214c
ticket(view): use CSS grid to display metadata, and put data next to labels
Goffi <goffi@goffi.org>
parents:
61
diff
changeset
|
80 grid-template-columns: min-content 1fr; |
a9ecc765214c
ticket(view): use CSS grid to display metadata, and put data next to labels
Goffi <goffi@goffi.org>
parents:
61
diff
changeset
|
81 } |
a9ecc765214c
ticket(view): use CSS grid to display metadata, and put data next to labels
Goffi <goffi@goffi.org>
parents:
61
diff
changeset
|
82 |
141
7f8b948bddfe
static (ticket.css): hide published if present in data
Goffi <goffi@goffi.org>
parents:
90
diff
changeset
|
83 .view #label_wid_publisher, |
7f8b948bddfe
static (ticket.css): hide published if present in data
Goffi <goffi@goffi.org>
parents:
90
diff
changeset
|
84 .view #wid_publisher, |
56 | 85 .view #label_wid_title, |
86 .view #label_wid_body, | |
87 .view #label_wid_id, | |
88 .view #label_wid_comments_uri, | |
89 .view #wid_comments_uri { | |
90 display: none | |
91 } | |
92 | |
63
a9ecc765214c
ticket(view): use CSS grid to display metadata, and put data next to labels
Goffi <goffi@goffi.org>
parents:
61
diff
changeset
|
93 .view .xmlui_label { |
64 | 94 padding-right: 2em; |
56 | 95 } |
96 | |
97 .view #wid_id { | |
98 margin: 0; | |
99 font-style: italic; | |
63
a9ecc765214c
ticket(view): use CSS grid to display metadata, and put data next to labels
Goffi <goffi@goffi.org>
parents:
61
diff
changeset
|
100 grid-column-start: 1; |
a9ecc765214c
ticket(view): use CSS grid to display metadata, and put data next to labels
Goffi <goffi@goffi.org>
parents:
61
diff
changeset
|
101 grid-column-end: 3; |
a9ecc765214c
ticket(view): use CSS grid to display metadata, and put data next to labels
Goffi <goffi@goffi.org>
parents:
61
diff
changeset
|
102 text-align: right; |
56 | 103 } |
104 | |
105 .view .xmlui_label { | |
106 font-weight: bold; | |
107 float: left; | |
108 color: #808080cc; | |
109 } | |
110 | |
111 .view #wid_title { | |
112 font-weight: bold; | |
113 display: block; | |
114 text-align: center; | |
63
a9ecc765214c
ticket(view): use CSS grid to display metadata, and put data next to labels
Goffi <goffi@goffi.org>
parents:
61
diff
changeset
|
115 grid-column-start: 1; |
a9ecc765214c
ticket(view): use CSS grid to display metadata, and put data next to labels
Goffi <goffi@goffi.org>
parents:
61
diff
changeset
|
116 grid-column-end: 3; |
56 | 117 } |
61 | 118 .view #wid_title::first-letter { |
56 | 119 text-transform: uppercase; |
120 } | |
121 | |
74
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
122 .view #wid_labels span, .xmlui_field__labels span { |
66 | 123 font-size: 0.8em; |
124 background: #eae3e3; | |
125 font-variant: small-caps; | |
126 border: 1px solid black; | |
127 border-radius: 0.5em; | |
128 padding: 0 2px; | |
56 | 129 white-space: nowrap; |
130 } | |
131 | |
132 .view #wid_labels span.value_work_in_progress { | |
133 background: yellow; | |
134 } | |
135 | |
136 .view #wid_type { | |
137 font-weight: bold; | |
138 } | |
139 | |
140 .view #wid_type span.value_bug::after { | |
141 content: ' 🐛'; | |
142 color: red; | |
143 } | |
144 | |
145 .view #wid_severity span.value_major { | |
146 font-weight: bold; | |
147 color: red; | |
148 } | |
149 | |
150 .view #wid_severity span.value_major::after { | |
151 content: '⚠ '; | |
152 } | |
153 | |
154 .view #wid_body { | |
155 white-space: pre-wrap; | |
156 max-height: 500px; | |
157 overflow: auto; | |
158 resize: both; | |
159 background-color: white; | |
160 padding: 5px; | |
161 text-align: justify; | |
162 border: 1px solid black; | |
163 border-radius: 5px; | |
63
a9ecc765214c
ticket(view): use CSS grid to display metadata, and put data next to labels
Goffi <goffi@goffi.org>
parents:
61
diff
changeset
|
164 grid-column-start: 1; |
a9ecc765214c
ticket(view): use CSS grid to display metadata, and put data next to labels
Goffi <goffi@goffi.org>
parents:
61
diff
changeset
|
165 grid-column-end: 3; |
a9ecc765214c
ticket(view): use CSS grid to display metadata, and put data next to labels
Goffi <goffi@goffi.org>
parents:
61
diff
changeset
|
166 display: block; |
56 | 167 } |
168 | |
169 .comment_post { | |
170 margin-top: 3em; | |
171 } | |
74
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
172 |
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
173 @media (min-width: 800px) { |
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
174 ul.xmlui_list { |
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
175 padding: 0 2em; |
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
176 } |
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
177 .xmlui_list li { |
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
178 border-radius: 0.3em; |
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
179 } |
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
180 } |