diff --git a/templates/topic_alt.html b/templates/topic_alt.html index f667a91f..537f8206 100644 --- a/templates/topic_alt.html +++ b/templates/topic_alt.html @@ -29,10 +29,13 @@ {{if .Poll.ID}}
+ {{/** TODO: De-dupe userinfo with a common template **/}}
 
- - {{if .Topic.Tag}}
{{else}}
{{end}} +
+ + {{if .Topic.Tag}}
{{else}}
{{end}} +
@@ -60,8 +63,10 @@
 
- - {{if .Topic.Tag}}
{{else}}
{{end}} +
+ + {{if .Topic.Tag}}
{{else}}
{{end}} +
{{.Topic.ContentHTML}}
@@ -97,8 +102,10 @@
 
- - {{if .CurrentUser.Tag}}
{{else}}
{{end}} +
+ + {{if .CurrentUser.Tag}}
{{else}}
{{end}} +
diff --git a/templates/topic_alt_posts.html b/templates/topic_alt_posts.html index d45f2c7d..f482250c 100644 --- a/templates/topic_alt_posts.html +++ b/templates/topic_alt_posts.html @@ -1,10 +1,12 @@ -{{range .ItemList}}
+{{range .ItemList}}
 
- - {{if .Tag}}
{{else}}
{{end}} +
+ + {{if .Tag}}
{{else}}
{{end}} +
-
+
{{if .ActionType}} {{.ActionType}} diff --git a/themes/cosora/public/main.css b/themes/cosora/public/main.css index c23c6c82..911640a3 100644 --- a/themes/cosora/public/main.css +++ b/themes/cosora/public/main.css @@ -971,6 +971,10 @@ textarea { /*overflow: hidden; text-overflow: ellipsis;*/ } +.user_meta { + display: flex; + flex-direction: column; +} .content_container { width: 100%; padding: 17px; diff --git a/themes/nox/public/main.css b/themes/nox/public/main.css index f3dc8185..41979149 100644 --- a/themes/nox/public/main.css +++ b/themes/nox/public/main.css @@ -265,6 +265,10 @@ h2 { .quick_create_form .quick_button_row button, .quick_create_form .quick_button_row label { margin-right: 8px; } +.quick_create_form #input_content { + width: 100%; + height: 100px; +} .more_topic_block_initial { display: none; @@ -534,6 +538,10 @@ button, .formbutton, .panel_right_button { display: flex; flex-direction: column; } +.user_meta { + display: flex; + flex-direction: column; +} .avatar_item { border-radius: 36px; height: 58px; @@ -598,7 +606,7 @@ button, .formbutton, .panel_right_button { .add_like:before, .remove_like:before { content: "{{index .Phrases "topic.plus_one"}}"; } -.button_container .open_edit:after, .edit_item:after{ +.button_container .open_edit:after, .edit_item:after { content: "{{index .Phrases "topic.edit_button_text"}}"; } .delete_item:after { @@ -644,6 +652,34 @@ button, .formbutton, .panel_right_button { background-color: #444444; } +@media(max-width: 500px) { + .sidebar { + display: none; + } + + .post_item, .topic_reply_container { + flex-direction: column; + } + .userinfo { + margin-right: 0px; + width: auto; + flex-direction: row; + margin-bottom: 12px; + padding: 18px; + padding-bottom: 14px; + } + .avatar_item { + height: 46px; + width: 46px; + margin-left: 0px; + margin-right: 0px; + } + .user_meta { + margin-left: 10px; + margin-top: -4px; + } +} + @media(max-width: 600px) { nav.nav { background: #2a2a2a;