Mercurial > libervia-templates
changeset 63:a9ecc765214c
ticket(view): use CSS grid to display metadata, and put data next to labels
author | Goffi <goffi@goffi.org> |
---|---|
date | Sat, 11 Nov 2017 17:20:28 +0100 |
parents | e7b62f6980a1 |
children | 767509e8c272 |
files | default/static/ticket.css |
diffstat | 1 files changed, 14 insertions(+), 2 deletions(-) [+] |
line wrap: on
line diff
--- a/default/static/ticket.css Sat Nov 11 00:17:01 2017 +0100 +++ b/default/static/ticket.css Sat Nov 11 17:20:28 2017 +0100 @@ -47,6 +47,11 @@ width: auto; } +.view div.xmlui_cont div.xmlui_cont { + display: grid; + grid-template-columns: min-content 1fr; +} + .view #label_wid_title, .view #label_wid_body, .view #label_wid_id, @@ -55,13 +60,15 @@ display: none } -.view .xmlui_widget { - text-align: right; +.view .xmlui_label { } .view #wid_id { margin: 0; font-style: italic; + grid-column-start: 1; + grid-column-end: 3; + text-align: right; } .view .xmlui_label { @@ -74,6 +81,8 @@ font-weight: bold; display: block; text-align: center; + grid-column-start: 1; + grid-column-end: 3; } .view #wid_title::first-letter { text-transform: uppercase; @@ -121,6 +130,9 @@ text-align: justify; border: 1px solid black; border-radius: 5px; + grid-column-start: 1; + grid-column-end: 3; + display: block; } .comment_post {