From affdf672732ea85e2d1e47a087808f1f919b2990 Mon Sep 17 00:00:00 2001 From: Azareal Date: Tue, 24 Jul 2018 15:40:26 +1000 Subject: [PATCH] Made progress on Nox, fixed a phrase, and added a couple of missing phrases. Nox now supports bulk moderations. Began work on mobile with Nox. Made several visual improvements for Nox. Updated the service example. --- gosora_example.service | 2 +- langs/english.json | 4 +- themes/nox/public/main.css | 144 ++++++++++++++++++++++++++++++++++++- 3 files changed, 145 insertions(+), 5 deletions(-) diff --git a/gosora_example.service b/gosora_example.service index ed6d7056..5fbd6624 100644 --- a/gosora_example.service +++ b/gosora_example.service @@ -4,7 +4,7 @@ Description=A service for the Gosora Forum Software [Service] Type=simple -# You might want to create a user / group for Gosora and set these to further harden your system +# You might want to create a user / group for Gosora and set these to further harden your system, although this this might not work right now, if we're listening directly on port 80 / 443 #User=gosoraservice #Group=gosoraservice diff --git a/langs/english.json b/langs/english.json index 716490de..3ee514cf 100644 --- a/langs/english.json +++ b/langs/english.json @@ -80,6 +80,7 @@ "topics":"All Topics", "forums":"Forum List", "login":"Login", + "login_mfa_verify":"2FA Verify", "register":"Registration", "ip_search":"IP Search", "account":"My Account", @@ -355,6 +356,7 @@ "login_mfa_verify_head":"2FA Verify", "login_mfa_verify_explanation":"Please input the code from the authenticator app below.", + "login_mfa_token":"Token", "login_mfa_verify_button":"Confirm", "register_head":"Create Account", @@ -429,7 +431,7 @@ "topic_list.create_topic_aria":"Create a topic", "topic_list.moderate_tooltip":"Moderate", "topic_list.moderate_aria":"Moderate Posts", - "topic_list.what_to_do":"What do you want to do with these 18 topics?", + "topic_list.what_to_do":"What do you want to do with these {0} topics?", "topic_list.moderate_delete":"Delete them", "topic_list.moderate_lock":"Lock them", "topic_list.moderate_move":"Move them", diff --git a/themes/nox/public/main.css b/themes/nox/public/main.css index 673fc405..a3957dd8 100644 --- a/themes/nox/public/main.css +++ b/themes/nox/public/main.css @@ -146,10 +146,55 @@ h1, h2, h3, h4, h5 { margin-top: 0px; margin-bottom: 0px; font-weight: normal; + white-space: nowrap; } -.mod_floater, .modal_pane { - display: none; +@keyframes fadein { + from { opacity: 0; } + to { opacity: 1; } +} +.modal_pane { + position: fixed; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + background: #444444; + border: 2px solid #333333; + border-radius: 5px; + padding: 12px; + padding-top: 8px; + z-index: 9999; + animation: fadein 0.8s; +} +.pane_header { + margin-bottom: 2px; +} +.pane_row { + margin-top: 2px; +} +.pane_buttons { + margin-top: 8px; +} +.mod_floater { + position: absolute; + right: 10px; + bottom: 10px; + background: #444444; + border-radius: 5px; + padding: 12px; + padding-top: 8px; + width: 200px; +} +.mod_floater_head span { + margin-bottom: 6px; + display: block; +} +.mod_floater_body { + display: flex; +} +.mod_floater_options { + width: 100%; + margin-right: 10px; } .rowhead, .opthead, .colstack_head { @@ -249,11 +294,13 @@ h2 { } .topic_list_title_block .pre_opt:before { content: "{{index .Phrases "topics_click_topics_to_select"}}"; - font-size: 14px; + font-size: 17px; + margin-right: 20px; } .topic_list_title_block .opt a { color: #afafaf; margin-left: 8px; + white-space: nowrap; } .topic_list_title_block .create_topic_opt a:before { content: "Create Topic"; @@ -294,6 +341,9 @@ h2 { .topic_closed { background-color: #4b4b4b; } +.topic_selected { + background-color: rgb(68, 68, 88); +} .new_item .topic_left { border-left: 3px solid rgb(215, 215, 215); border-radius: 3px; @@ -405,6 +455,10 @@ button, .formbutton { margin-top: 10px; } +.login_mfa_token_row .formlabel { + display: none; +} + .pageset { display: flex; margin-top: 8px; @@ -522,6 +576,18 @@ button, .formbutton { display: flex; } +.action_item .userinfo, .action_item .action_icon { + display: none; +} +.action_item .content_container { + padding-top: 12px; + padding-bottom: 12px; +} +.action_item .content_container span { + margin-left: auto; + margin-right: auto; +} + .add_like:before, .remove_like:before { content: "{{index .Phrases "topic.plus_one"}}"; } @@ -571,6 +637,78 @@ button, .formbutton { background-color: #444444; } +@media(max-width: 600px) { + nav.nav { + background: #2a2a2a; + width: 100%; + } + ul { + display: flex; + padding-left: 14px; + padding-right: 0px; + } + li { + float: left; + margin-right: 6px; + } + li a { + padding-top: 14px; + padding-bottom: 6px; + font-size: 15px; + display: inline-block; + color: #bfbfbf; + } + .menu_topics a { + padding-bottom: 15px; + color: #cfcfcf; + border: none; + } + #menu_overview { + margin-right: 10px; + } + #menu_overview a { + font-size: 17px; + padding-bottom: 7px; + color: rgb(226,226,226); + padding-top: 12px; + } + .right_of_nav { + width: auto; + padding: 0px; + } + .user_box { + display: none; + } + + #back { + flex-direction: column; + } + .rowhead h1, .opthead h1, .colstack_head h1 { + font-size: 19px; + } + .topic_list_title_block .opt { + margin-top: -1px; + } + .topic_list_title_block .opt a { + font-size: 16px; + } + + .topic_list .topic_middle { + display: none; + } + .topic_left img, .topic_right img { + height: 32px; + width: 32px; + } + .topic_list .topic_right_inside .lastReplyAt, .topic_list .topic_left .starter { + white-space: nowrap; + } +} + +@media(max-width: 850px) { + /**/ +} + @media(min-width: 1010px) { .container { background-color: var(--second-dark-background);