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.
This commit is contained in:
Azareal 2018-07-24 15:40:26 +10:00
parent 17892ba906
commit affdf67273
3 changed files with 145 additions and 5 deletions

View File

@ -4,7 +4,7 @@ Description=A service for the Gosora Forum Software
[Service] [Service]
Type=simple 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 #User=gosoraservice
#Group=gosoraservice #Group=gosoraservice

View File

@ -80,6 +80,7 @@
"topics":"All Topics", "topics":"All Topics",
"forums":"Forum List", "forums":"Forum List",
"login":"Login", "login":"Login",
"login_mfa_verify":"2FA Verify",
"register":"Registration", "register":"Registration",
"ip_search":"IP Search", "ip_search":"IP Search",
"account":"My Account", "account":"My Account",
@ -355,6 +356,7 @@
"login_mfa_verify_head":"2FA Verify", "login_mfa_verify_head":"2FA Verify",
"login_mfa_verify_explanation":"Please input the code from the authenticator app below.", "login_mfa_verify_explanation":"Please input the code from the authenticator app below.",
"login_mfa_token":"Token",
"login_mfa_verify_button":"Confirm", "login_mfa_verify_button":"Confirm",
"register_head":"Create Account", "register_head":"Create Account",
@ -429,7 +431,7 @@
"topic_list.create_topic_aria":"Create a topic", "topic_list.create_topic_aria":"Create a topic",
"topic_list.moderate_tooltip":"Moderate", "topic_list.moderate_tooltip":"Moderate",
"topic_list.moderate_aria":"Moderate Posts", "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_delete":"Delete them",
"topic_list.moderate_lock":"Lock them", "topic_list.moderate_lock":"Lock them",
"topic_list.moderate_move":"Move them", "topic_list.moderate_move":"Move them",

View File

@ -146,10 +146,55 @@ h1, h2, h3, h4, h5 {
margin-top: 0px; margin-top: 0px;
margin-bottom: 0px; margin-bottom: 0px;
font-weight: normal; font-weight: normal;
white-space: nowrap;
} }
.mod_floater, .modal_pane { @keyframes fadein {
display: none; 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 { .rowhead, .opthead, .colstack_head {
@ -249,11 +294,13 @@ h2 {
} }
.topic_list_title_block .pre_opt:before { .topic_list_title_block .pre_opt:before {
content: "{{index .Phrases "topics_click_topics_to_select"}}"; content: "{{index .Phrases "topics_click_topics_to_select"}}";
font-size: 14px; font-size: 17px;
margin-right: 20px;
} }
.topic_list_title_block .opt a { .topic_list_title_block .opt a {
color: #afafaf; color: #afafaf;
margin-left: 8px; margin-left: 8px;
white-space: nowrap;
} }
.topic_list_title_block .create_topic_opt a:before { .topic_list_title_block .create_topic_opt a:before {
content: "Create Topic"; content: "Create Topic";
@ -294,6 +341,9 @@ h2 {
.topic_closed { .topic_closed {
background-color: #4b4b4b; background-color: #4b4b4b;
} }
.topic_selected {
background-color: rgb(68, 68, 88);
}
.new_item .topic_left { .new_item .topic_left {
border-left: 3px solid rgb(215, 215, 215); border-left: 3px solid rgb(215, 215, 215);
border-radius: 3px; border-radius: 3px;
@ -405,6 +455,10 @@ button, .formbutton {
margin-top: 10px; margin-top: 10px;
} }
.login_mfa_token_row .formlabel {
display: none;
}
.pageset { .pageset {
display: flex; display: flex;
margin-top: 8px; margin-top: 8px;
@ -522,6 +576,18 @@ button, .formbutton {
display: flex; 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 { .add_like:before, .remove_like:before {
content: "{{index .Phrases "topic.plus_one"}}"; content: "{{index .Phrases "topic.plus_one"}}";
} }
@ -571,6 +637,78 @@ button, .formbutton {
background-color: #444444; 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) { @media(min-width: 1010px) {
.container { .container {
background-color: var(--second-dark-background); background-color: var(--second-dark-background);