commit f408a6962f0d53e63902156f5da44f14303c31a8
parent 36f88a94be2ad7b4a301e505a7fe773b384f04e9
Author: Peter Kosyh <p.kosyh@gmail.com>
Date: Fri, 4 Sep 2020 12:24:37 +0300
style
Diffstat:
3 files changed, 28 insertions(+), 19 deletions(-)
diff --git a/ii-node/lib/style.css b/ii-node/lib/style.css
@@ -4,53 +4,56 @@
.selected {
background: red;
}
-#echolist {
+#echolist, #topiclist {
margin: 0;
margin-left:auto;
margin-right:auto;
padding: 0;
border: 1px solid #55aaaa;
+ border-collapse: collapse;
}
-#echolist a,a:visited,a:hover {
+#echolist a,#echolist a:visited,#echolist a:hover,#topiclist a, #topiclist a:visited, #topiclist a:hover {
color: #000000;
text-decoration: underline;
}
-#echolist th {
+#echolist th,#topiclist th {
text-align: left;
color: white;
font-weight: bold;
}
-#echolist .echo {
+#echolist .echo, #topiclist .topic {
font-weight: normal;
text-align: left;
+ max-width: 32em;
+ width: 32em;
}
-#echolist .count, .topics {
+#echolist .count, #echolist .topics, #topiclist .topics, #topiclist .posts {
text-align: center;
}
-#echolist .info {
+#echolist .info, #topiclist .info {
color: #777777;
font-size: smaller;
+ min-width: 16em;
}
#echolist .subj {
font-weight: bold;
}
-#echolist th,td,tr {
- border: 0;
+
+#echolist th, #echolist td, #topiclist th, #topiclist td {
margin: 0;
padding: 0.5em;
- border-collapse: collapse;
}
-#echolist .title {
+#echolist .title, #topiclist .title {
background: #55aaaa;
padding: 0;
margin: 0;
}
-#echolist .even {
+#echolist .even,#topiclist .even {
background: #ffffea;
}
-#echolist .odd {
+#echolist .odd,#topiclist .odd {
background: #eaffff;
}
diff --git a/ii-node/tpl/index.tpl b/ii-node/tpl/index.tpl
@@ -2,7 +2,7 @@
{{ $odd := false }}
<table id="echolist" cellspacing=0 cellpadding=0>
<tr class="title">
-<th>Name</th>
+<th>Echo</th>
<th>Topics</th>
<th>Posts</th>
<th>Last</th>
diff --git a/ii-node/tpl/topics.tpl b/ii-node/tpl/topics.tpl
@@ -1,20 +1,26 @@
{{template "header.tpl" $}}
+{{ $odd := false }}
{{if .User.Name }}
<a href="/{{.BasePath}}/new">New topic</a><br>
{{end}}
{{template "pager.tpl" $}}
-<table class="topiclist">
-<tr>
+<table id="topiclist" cellspacing=0 cellpadding=0>
+<tr class="title">
<th>Topics</th>
<th>Posts</th>
<th>Last post</th>
</tr>
{{range .Topics }}
-<tr>
-<td><a href="/{{.Head.MsgId}}">{{.Head.Subj}}</a></td>
-<td>{{.Count}}</td>
-<td>{{.Tail.Date | fdate}} {{.Tail.From}}</td>
+{{ if $odd }}
+<tr class="odd">
+{{ else }}
+<tr class="even">
+{{ end }}
+<td class="topic"><a href="/{{.Head.MsgId}}">{{.Head.Subj}}</a></td>
+<td class="posts">{{.Count}}</td>
+<td class="info"><a href="/{{.Tail.MsgId}}#{{.Tail.MsgId}}">{{.Tail.Date | fdate}}</a><br>by {{.Tail.From}}</td>
</tr>
+{{ $odd = not $odd }}
{{ end }}
</table>