Mercurial > libervia-templates
annotate default/static/ticket.css @ 66:9834106678da
base: menu implementation:
2 menus are now handled: main menu and category menu (for submenus relative to a page).
Main menu is displayed on the side bar on big screen.
Added menu for tickets.
| author | Goffi <goffi@goffi.org> |
|---|---|
| date | Fri, 01 Dec 2017 00:46:42 +0100 |
| parents | 767509e8c272 |
| children | e99bd385774a |
| 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 | |
| 12 .tickets table { | |
| 13 margin: 0 auto; | |
| 66 | 14 border-spacing: 0 0.5em; |
| 56 | 15 } |
| 16 | |
| 17 .tickets tr:nth-child(even) { | |
| 18 background: #CCC9; | |
| 19 } | |
| 20 | |
| 21 .tickets tr:nth-child(odd) { | |
| 22 background: #FFF; | |
| 23 } | |
| 24 | |
| 25 .tickets tbody tr:hover { | |
| 26 background: yellow; | |
| 27 } | |
| 28 | |
| 29 .tickets tbody tr.severity_major .td_title a::before { | |
| 30 content: '⚠ '; | |
| 31 color: red; | |
| 32 } | |
| 33 | |
| 34 .tickets tbody tr.status_closed { | |
| 35 text-decoration: line-through; | |
| 36 color: grey; | |
| 37 } | |
| 38 | |
| 39 /* single ticket */ | |
| 40 | |
| 41 .ticket { | |
| 42 padding: 20px; | |
| 43 max-width: 500px; | |
| 44 margin: 0 auto; | |
| 45 } | |
| 46 | |
| 47 .view .xmlui_widget { | |
| 48 width: auto; | |
| 49 } | |
| 50 | |
|
63
a9ecc765214c
ticket(view): use CSS grid to display metadata, and put data next to labels
Goffi <goffi@goffi.org>
parents:
61
diff
changeset
|
51 .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
|
52 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
|
53 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
|
54 } |
|
a9ecc765214c
ticket(view): use CSS grid to display metadata, and put data next to labels
Goffi <goffi@goffi.org>
parents:
61
diff
changeset
|
55 |
| 56 | 56 .view #label_wid_title, |
| 57 .view #label_wid_body, | |
| 58 .view #label_wid_id, | |
| 59 .view #label_wid_comments_uri, | |
| 60 .view #wid_comments_uri { | |
| 61 display: none | |
| 62 } | |
| 63 | |
|
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 .view .xmlui_label { |
| 64 | 65 padding-right: 2em; |
| 56 | 66 } |
| 67 | |
| 68 .view #wid_id { | |
| 69 margin: 0; | |
| 70 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
|
71 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
|
72 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
|
73 text-align: right; |
| 56 | 74 } |
| 75 | |
| 76 .view .xmlui_label { | |
| 77 font-weight: bold; | |
| 78 float: left; | |
| 79 color: #808080cc; | |
| 80 } | |
| 81 | |
| 82 .view #wid_title { | |
| 83 font-weight: bold; | |
| 84 display: block; | |
| 85 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
|
86 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
|
87 grid-column-end: 3; |
| 56 | 88 } |
| 61 | 89 .view #wid_title::first-letter { |
| 56 | 90 text-transform: uppercase; |
| 91 } | |
| 92 | |
| 93 .view #wid_labels span { | |
| 66 | 94 font-size: 0.8em; |
| 95 background: #eae3e3; | |
| 96 font-variant: small-caps; | |
| 97 border: 1px solid black; | |
| 98 border-radius: 0.5em; | |
| 99 padding: 0 2px; | |
| 56 | 100 white-space: nowrap; |
| 101 } | |
| 102 | |
| 103 .view #wid_labels span.value_work_in_progress { | |
| 104 background: yellow; | |
| 105 } | |
| 106 | |
| 107 .view #wid_type { | |
| 108 font-weight: bold; | |
| 109 } | |
| 110 | |
| 111 .view #wid_type span.value_bug::after { | |
| 112 content: ' 🐛'; | |
| 113 color: red; | |
| 114 } | |
| 115 | |
| 116 .view #wid_severity span.value_major { | |
| 117 font-weight: bold; | |
| 118 color: red; | |
| 119 } | |
| 120 | |
| 121 .view #wid_severity span.value_major::after { | |
| 122 content: '⚠ '; | |
| 123 } | |
| 124 | |
| 125 .view #wid_body { | |
| 126 white-space: pre-wrap; | |
| 127 max-height: 500px; | |
| 128 overflow: auto; | |
| 129 resize: both; | |
| 130 background-color: white; | |
| 131 padding: 5px; | |
| 132 text-align: justify; | |
| 133 border: 1px solid black; | |
| 134 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
|
135 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
|
136 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
|
137 display: block; |
| 56 | 138 } |
| 139 | |
| 140 .comment_post { | |
| 141 margin-top: 3em; | |
| 142 } |