Mercurial > libervia-templates
comparison 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 |
comparison
equal
deleted
inserted
replaced
| 165:9e8d9d754337 | 166:178f55b825b7 |
|---|---|
| 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 { | 1 .tickets a.status_closed { |
| 43 text-decoration: line-through; | 2 text-decoration: line-through; |
| 44 color: grey; | 3 color: grey; |
| 45 } | 4 } |
| 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 { | 5 .tickets a.severity_major .xmlui_field__title { |
| 57 font-weight: bold; | 6 font-weight: bold; |
| 58 color: red; | 7 color: red; |
| 59 } | 8 } |
| 60 | 9 |