Mercurial > libervia-templates

comparison default/static/ticket.css @ 63:a9ecc765214c

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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 f76ec90e0e1e
children 767509e8c272
comparison
equal deleted inserted replaced
62:e7b62f6980a1 63:a9ecc765214c
45 45
46 .view .xmlui_widget { 46 .view .xmlui_widget {
47 width: auto; 47 width: auto;
48 } 48 }
49 49
50 .view div.xmlui_cont div.xmlui_cont {
51 display: grid;
52 grid-template-columns: min-content 1fr;
53 }
54
50 .view #label_wid_title, 55 .view #label_wid_title,
51 .view #label_wid_body, 56 .view #label_wid_body,
52 .view #label_wid_id, 57 .view #label_wid_id,
53 .view #label_wid_comments_uri, 58 .view #label_wid_comments_uri,
54 .view #wid_comments_uri { 59 .view #wid_comments_uri {
55 display: none 60 display: none
56 } 61 }
57 62
58 .view .xmlui_widget { 63 .view .xmlui_label {
59 text-align: right;
60 } 64 }
61 65
62 .view #wid_id { 66 .view #wid_id {
63 margin: 0; 67 margin: 0;
64 font-style: italic; 68 font-style: italic;
69 grid-column-start: 1;
70 grid-column-end: 3;
71 text-align: right;
65 } 72 }
66 73
67 .view .xmlui_label { 74 .view .xmlui_label {
68 font-weight: bold; 75 font-weight: bold;
69 float: left; 76 float: left;
72 79
73 .view #wid_title { 80 .view #wid_title {
74 font-weight: bold; 81 font-weight: bold;
75 display: block; 82 display: block;
76 text-align: center; 83 text-align: center;
84 grid-column-start: 1;
85 grid-column-end: 3;
77 } 86 }
78 .view #wid_title::first-letter { 87 .view #wid_title::first-letter {
79 text-transform: uppercase; 88 text-transform: uppercase;
80 } 89 }
81 90
119 background-color: white; 128 background-color: white;
120 padding: 5px; 129 padding: 5px;
121 text-align: justify; 130 text-align: justify;
122 border: 1px solid black; 131 border: 1px solid black;
123 border-radius: 5px; 132 border-radius: 5px;
133 grid-column-start: 1;
134 grid-column-end: 3;
135 display: block;
124 } 136 }
125 137
126 .comment_post { 138 .comment_post {
127 margin-top: 3em; 139 margin-top: 3em;
128 } 140 }