Mercurial > p > roundup > code
comparison website/issues/html/style.css @ 6454:83b67f65b8ff
Implement file upload by drag and drop and paste. Table formatting
Move file description from below the file upload into the table on
same line as file upload.
Implement
https://wiki.roundup-tracker.org/FileUploadViaDragDropAndPaste
for table structure. Added creation of description field along with
file input field.
On tables align header fields that do not span rows (i.e. column
headers) on the left. Table titles/grouping span multiple columns.
Also do not align column headers left on the index page which uses the
.list class.
Also add some padding to th to increase space and improve readability.
For message and files tables make them 95% of the width of their
container. It makes the headers for messages and files more readable
by adding space.
| author | John Rouillard <rouilj@ieee.org> |
|---|---|
| date | Mon, 05 Jul 2021 01:24:37 -0400 |
| parents | d7f2dfad17c1 |
| children | 10a8a6bc4667 |
comparison
equal
deleted
inserted
replaced
| 6453:3e7fc096fe5b | 6454:83b67f65b8ff |
|---|---|
| 149 border-collapse: collapse; | 149 border-collapse: collapse; |
| 150 border-spacing: 1px; | 150 border-spacing: 1px; |
| 151 background-color: #fafafa; | 151 background-color: #fafafa; |
| 152 } | 152 } |
| 153 | 153 |
| 154 table:not(.list) th { | |
| 155 text-align: left; | |
| 156 } | |
| 157 | |
| 158 table th[colspan] { | |
| 159 text-align: center; | |
| 160 } | |
| 154 /* Need some space between content of Issue List columns */ | 161 /* Need some space between content of Issue List columns */ |
| 155 td { padding-left: 1em; } | 162 td, th { padding-left: 1em; } |
| 156 | 163 |
| 157 tr.odd { background-color:#f5f5f5; } | 164 tr.odd { background-color:#f5f5f5; } |
| 158 | 165 |
| 166 /* widen tables since headers have a lot of info and are squished | |
| 167 and difficult to read */ | |
| 168 table.messages, table.files { | |
| 169 width: 95%; | |
| 170 } | |
| 159 /* Make sure that user name starts at the top of the change list | 171 /* Make sure that user name starts at the top of the change list |
| 160 and not in the middle Issue2550809: History display misalignment */ | 172 and not in the middle Issue2550809: History display misalignment */ |
| 161 table.history td { | 173 table.history td { |
| 162 vertical-align: top; | 174 vertical-align: top; |
| 163 } | 175 } |
| 173 content: "*"; | 185 content: "*"; |
| 174 color: red; | 186 color: red; |
| 175 font-weight: bold; | 187 font-weight: bold; |
| 176 } | 188 } |
| 177 | 189 |
| 178 /* SHA: 01691a9346b3bc6a29a505a2dfa389ee3edc950f */ | 190 /* SHA: 2a5330c3d1ee6bf31e672e1c8a9317d11b7eb436 */ |