Mercurial > libervia-templates
annotate sat_templates/templates/default/static/ticket.css @ 166:178f55b825b7
small refactoring/redesign, better BEM integration:
- blog has been redesigned, and almost all blog CSS has been made generic and moved to main styles.css file.
- better noscript handling, dynamic elements are created using "magic" classes (dom_update.js)
- using better icons for older/newer messages
- better state handling, classes now use "state_XXX"
- more classes now use BEM convention
- menu labels have been moved to a separate template (components/menu_labels.html), so it can be overriden easily by other sites
- better styles.css organisation
| author | Goffi <goffi@goffi.org> |
|---|---|
| date | Wed, 03 Oct 2018 21:00:24 +0200 |
| parents | e9f0a4215e46 |
| children | 6c251da9a4f3 |
| rev | line source |
|---|---|
|
74
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
1 .tickets a.status_closed { |
|
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
2 text-decoration: line-through; |
|
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
3 color: grey; |
| 56 | 4 } |
|
74
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
5 .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
|
6 font-weight: bold; |
|
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
7 color: red; |
| 56 | 8 } |
| 9 | |
| 10 .tickets tbody tr.severity_major .td_title a::before { | |
| 11 content: '⚠ '; | |
| 12 color: red; | |
| 13 } | |
| 14 | |
| 15 /* single ticket */ | |
| 16 | |
| 17 .ticket { | |
| 18 padding: 20px; | |
| 19 max-width: 500px; | |
| 20 margin: 0 auto; | |
| 21 } | |
| 22 | |
| 23 .view .xmlui_widget { | |
| 24 width: auto; | |
| 25 } | |
| 26 | |
|
63
a9ecc765214c
ticket(view): use CSS grid to display metadata, and put data next to labels
Goffi <goffi@goffi.org>
parents:
61
diff
changeset
|
27 .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
|
28 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
|
29 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
|
30 } |
|
a9ecc765214c
ticket(view): use CSS grid to display metadata, and put data next to labels
Goffi <goffi@goffi.org>
parents:
61
diff
changeset
|
31 |
|
141
7f8b948bddfe
static (ticket.css): hide published if present in data
Goffi <goffi@goffi.org>
parents:
90
diff
changeset
|
32 .view #label_wid_publisher, |
|
7f8b948bddfe
static (ticket.css): hide published if present in data
Goffi <goffi@goffi.org>
parents:
90
diff
changeset
|
33 .view #wid_publisher, |
| 56 | 34 .view #label_wid_title, |
| 35 .view #label_wid_body, | |
| 36 .view #label_wid_id, | |
| 37 .view #label_wid_comments_uri, | |
| 38 .view #wid_comments_uri { | |
| 39 display: none | |
| 40 } | |
| 41 | |
|
63
a9ecc765214c
ticket(view): use CSS grid to display metadata, and put data next to labels
Goffi <goffi@goffi.org>
parents:
61
diff
changeset
|
42 .view .xmlui_label { |
| 64 | 43 padding-right: 2em; |
| 56 | 44 } |
| 45 | |
| 46 .view #wid_id { | |
| 47 margin: 0; | |
| 48 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
|
49 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
|
50 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
|
51 text-align: right; |
| 56 | 52 } |
| 53 | |
| 54 .view .xmlui_label { | |
| 55 font-weight: bold; | |
| 56 float: left; | |
| 57 color: #808080cc; | |
| 58 } | |
| 59 | |
| 60 .view #wid_title { | |
| 61 font-weight: bold; | |
| 62 display: block; | |
| 63 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
|
64 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
|
65 grid-column-end: 3; |
| 56 | 66 } |
| 61 | 67 .view #wid_title::first-letter { |
| 56 | 68 text-transform: uppercase; |
| 69 } | |
| 70 | |
|
74
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
71 .view #wid_labels span, .xmlui_field__labels span { |
| 66 | 72 font-size: 0.8em; |
| 73 background: #eae3e3; | |
| 74 font-variant: small-caps; | |
| 75 border: 1px solid black; | |
| 76 border-radius: 0.5em; | |
| 77 padding: 0 2px; | |
| 56 | 78 white-space: nowrap; |
| 79 } | |
| 80 | |
| 81 .view #wid_labels span.value_work_in_progress { | |
| 82 background: yellow; | |
| 83 } | |
| 84 | |
| 85 .view #wid_type { | |
| 86 font-weight: bold; | |
| 87 } | |
| 88 | |
| 89 .view #wid_type span.value_bug::after { | |
| 90 content: ' 🐛'; | |
| 91 color: red; | |
| 92 } | |
| 93 | |
| 94 .view #wid_severity span.value_major { | |
| 95 font-weight: bold; | |
| 96 color: red; | |
| 97 } | |
| 98 | |
| 99 .view #wid_severity span.value_major::after { | |
| 100 content: '⚠ '; | |
| 101 } | |
| 102 | |
| 103 .view #wid_body { | |
| 104 white-space: pre-wrap; | |
| 105 max-height: 500px; | |
| 106 overflow: auto; | |
| 107 resize: both; | |
| 108 background-color: white; | |
| 109 padding: 5px; | |
| 110 text-align: justify; | |
| 111 border: 1px solid black; | |
| 112 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
|
113 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
|
114 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
|
115 display: block; |
| 56 | 116 } |
| 117 | |
| 118 .comment_post { | |
| 119 margin-top: 3em; | |
| 120 } | |
|
74
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
121 |
|
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
122 @media (min-width: 800px) { |
|
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
123 ul.xmlui_list { |
|
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
124 padding: 0 2em; |
|
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
125 } |
|
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
126 .xmlui_list li { |
|
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
127 border-radius: 0.3em; |
|
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
128 } |
|
e99bd385774a
ticket(overview): use list instead of table and display labels
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
129 } |