Mercurial > libervia-templates
diff 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 |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/default/static/ticket.css Sun Nov 05 22:04:34 2017 +0100 @@ -0,0 +1,128 @@ +@import 'blog.css'; /* needed as blog/articles.html is included */ + +.instructions { + font-style: italic; + text-align: center; +} + +.instructions span { + padding: 0.3em; +} + +.tickets table { + margin: 0 auto; +} + +.tickets tr:nth-child(even) { + background: #CCC9; +} + +.tickets tr:nth-child(odd) { + background: #FFF; +} + +.tickets tbody tr:hover { + background: yellow; +} + +.tickets tbody tr.severity_major .td_title a::before { + content: '⚠ '; + color: red; +} + +.tickets tbody tr.status_closed { + text-decoration: line-through; + color: grey; +} + +/* single ticket */ + +.ticket { + padding: 20px; + max-width: 500px; + margin: 0 auto; +} + +.view .xmlui_widget { + width: auto; +} + +.view #label_wid_title, +.view #label_wid_body, +.view #label_wid_id, +.view #label_wid_comments_uri, +.view #wid_comments_uri { + display: none +} + +.view .xmlui_widget { + text-align: right; +} + +.view #wid_id { + margin: 0; + font-style: italic; +} + +.view .xmlui_label { + font-weight: bold; + float: left; + color: #808080cc; +} + +.view #wid_title { + font-weight: bold; + display: block; + text-align: center; +} +.view #wid_title:first-letter { + text-transform: uppercase; +} + +.view #wid_labels span { + font-size: 0.8em; + background: #eae3e3; + font-variant: small-caps; + border: 1px solid black; + border-radius: 0.5em; + padding: 0 2px; + white-space: nowrap; +} + +.view #wid_labels span.value_work_in_progress { + background: yellow; +} + +.view #wid_type { + font-weight: bold; +} + +.view #wid_type span.value_bug::after { + content: ' 🐛'; + color: red; +} + +.view #wid_severity span.value_major { + font-weight: bold; + color: red; +} + +.view #wid_severity span.value_major::after { + content: '⚠ '; +} + +.view #wid_body { + white-space: pre-wrap; + max-height: 500px; + overflow: auto; + resize: both; + background-color: white; + padding: 5px; + text-align: justify; + border: 1px solid black; + border-radius: 5px; +} + +.comment_post { + margin-top: 3em; +}