comparison sat_templates/templates/default/static/ticket.css @ 164:e9f0a4215e46

multi-sites handling (moved templates to "templates" sub-directory) + noscript styles handling.
author Goffi <goffi@goffi.org>
date Mon, 10 Sep 2018 08:53:33 +0200
parents sat_templates/default/static/ticket.css@33c7ce833d3f
children 178f55b825b7
comparison
equal deleted inserted replaced
163:33f67228686a 164:e9f0a4215e46
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 ul.xmlui_list {
13 list-style: none;
14 display: flex;
15 flex-direction: column;
16 padding: 0;
17 }
18
19 .xmlui_list li {
20 display: inline-flex;
21 background: #eee;
22 padding: 0.5em;
23 margin: 0.5em 0;
24 border: 1px solid silver;
25 }
26
27 .xmlui_list li:hover {
28 background: yellow;
29 }
30
31 .xmlui_list a {
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: italic;
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;
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
78 .view div.xmlui_cont div.xmlui_cont {
79 display: grid;
80 grid-template-columns: min-content 1fr;
81 }
82
83 .view #label_wid_publisher,
84 .view #wid_publisher,
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
93 .view .xmlui_label {
94 padding-right: 2em;
95 }
96
97 .view #wid_id {
98 margin: 0;
99 font-style: italic;
100 grid-column-start: 1;
101 grid-column-end: 3;
102 text-align: right;
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;
115 grid-column-start: 1;
116 grid-column-end: 3;
117 }
118 .view #wid_title::first-letter {
119 text-transform: uppercase;
120 }
121
122 .view #wid_labels span, .xmlui_field__labels span {
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;
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;
164 grid-column-start: 1;
165 grid-column-end: 3;
166 display: block;
167 }
168
169 .comment_post {
170 margin-top: 3em;
171 }
172
173 @media (min-width: 800px) {
174 ul.xmlui_list {
175 padding: 0 2em;
176 }
177 .xmlui_list li {
178 border-radius: 0.3em;
179 }
180 }