diff options
| author | Matthew Lemon <y@yulqen.org> | 2024-02-12 17:16:41 +0000 |
|---|---|---|
| committer | Matthew Lemon <y@yulqen.org> | 2024-02-12 17:16:41 +0000 |
| commit | b7aafa9179ad54049d47d7dae76c9be2cb5b93a5 (patch) | |
| tree | d0a403e98a2e1488413f8458d8b465aa050dee8e | |
| parent | 4195d89d3f56d463fd5eb751a580e7e57f3e82a3 (diff) | |
More styling - reverted from gray background
Have moved to white background and given the whole content a padding on
the left and right. Have commented out the table width styling for now
as it's now required but want to leave it in there for the forseeable as
I'm sure I will come back to it.
| -rw-r--r-- | ui/html/base.tmpl.html | 14 | ||||
| -rw-r--r-- | ui/html/pages/operations/list.tmpl.html | 22 | ||||
| -rw-r--r-- | ui/static/css/main.css | 64 |
3 files changed, 56 insertions, 44 deletions
diff --git a/ui/html/base.tmpl.html b/ui/html/base.tmpl.html index 58122a0..450f9c8 100644 --- a/ui/html/base.tmpl.html +++ b/ui/html/base.tmpl.html @@ -10,12 +10,14 @@ <title>{{ template "title" .}} - DED</title> </head> <body> - <header> - {{ template "nav" . }} - </header> - <main> - {{ template "main" . }} <!-- DONT FORGET THE DOT!!! --> - </main> + <div class="content"> + <header> + {{ template "nav" . }} + </header> + <main> + {{ template "main" . }} <!-- DONT FORGET THE DOT!!! --> + </main> + </div> </body> </html> {{ end }} diff --git a/ui/html/pages/operations/list.tmpl.html b/ui/html/pages/operations/list.tmpl.html index 1bc570b..eac3325 100644 --- a/ui/html/pages/operations/list.tmpl.html +++ b/ui/html/pages/operations/list.tmpl.html @@ -1,5 +1,6 @@ {{ define "title" }}Operations{{end}} + {{ define "main" }} <h3>Operations <span><a href="#" class="admin-link">[Admin]</a></span></h3> @@ -32,16 +33,16 @@ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod <td><a href="#">EP 2024</a></td> <td> {{if .EngagementStrategies}} - <ul> - {{range .EngagementStrategies}} - <li class="table-list"> - <a href="#">{{.FormatForTable }}</a> - </li> - {{end}} - - </ul> + <ul> + {{range .EngagementStrategies}} + <li class="table-list"> + <a href="#">{{.FormatForTable }}</a> + </li> + {{end}} + + </ul> {{else}} - NA + NA {{end}} </td> <td><a href="#">Link</a></td> @@ -50,7 +51,8 @@ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod </tbody> </table> {{else}} - <p>There are no operations.</p> +<p>There are no operations.</p> {{end}} {{ end }} + diff --git a/ui/static/css/main.css b/ui/static/css/main.css index 1cfe90f..916eac6 100644 --- a/ui/static/css/main.css +++ b/ui/static/css/main.css @@ -5,13 +5,20 @@ font-size: 10pt; font-family: sans-serif; color: #333; - background: lightgray; + /* background: lightgray; */ +} + +.content { + margin: 8px 8px; } .table-list { list-style: none; } +h1 { + font-size: 1.5em; +} nav { border-bottom: solid 3px #ccc; @@ -32,7 +39,7 @@ a.admin-link { table#home-summary-table { margin-top: 1.2em; - background: white; + /* background: white; */ table-layout: fixed; width: 100%; border-collapse: collapse; @@ -40,50 +47,51 @@ table#home-summary-table { } table#home-summary-table td { - background: white; + /* background: white; */ border: 1px solid gray; } -table#home-summary-table a, -table#home-summary-table ul -{ - background: white; -} +/* table#home-summary-table a, */ +/* table#home-summary-table ul */ +/* { */ +/* background: white; */ +/* } */ table#home-summary-table thead th:nth-child(1) { width: 10%; } -table#home-summary-table thead th:nth-child(2) { - width: 6%; -} -table#home-summary-table thead th:nth-child(4) { - width: 10%; -} +/* table#home-summary-table thead th:nth-child(2) { */ +/* width: 6%; */ +/* } */ -table#home-summary-table thead th:nth-child(5) { - width: 10%; -} +/* table#home-summary-table thead th:nth-child(4) { */ +/* width: 10%; */ +/* } */ -table#home-summary-table thead th:nth-child(6) { - width: 5%; -} +/* table#home-summary-table thead th:nth-child(5) { */ +/* width: 10%; */ +/* } */ -table#home-summary-table thead th:nth-child(7) { - width: 5%; -} +/* table#home-summary-table thead th:nth-child(6) { */ +/* width: 5%; */ +/* } */ + +/* table#home-summary-table thead th:nth-child(7) { */ +/* width: 5%; */ +/* } */ table#home-summary-table th { /* border: solid 2px #ccc; */ background: lightgray; - font-weight: unset; + /* font-weight: unset; */ letter-spacing: 1px; text-align: left; } -table#home-summary-table li -{ - background: white; -} +/* table#home-summary-table li */ +/* { */ +/* background: white; */ +/* } */ |