a
/
gosora
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Sorting out the button segment of the topics on the Nox Theme. 

Fixed a small padding issue in the topics page on mobile in the Cosora Theme.
Fixed the parent forum CSS in the topics page on mobile in the Cosora Theme.
This commit is contained in:
Azareal 2018-09-01 16:53:50 +10:00
parent a34e8f0e4e
commit 7a1df79686
2 changed files with 48 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
themes/cosora/public/main.css
View File

@ -1704,6 +1704,14 @@ textarea {
margin-bottom: 6px; margin-bottom: 6px;
} }
.topic_name_forum_sep {
line-height: 22px;
font-size: 18px;
}
.topic_forum {
line-height: 20px;
}
.button_container { .button_container {
border-top: 1px solid var(--element-border-color); border-top: 1px solid var(--element-border-color);
} }
@ -1734,8 +1742,9 @@ textarea {
.content_container { .content_container {
padding: 0px; padding: 0px;
} }
.user_content { .post_item .user_content {
padding: 12px; padding: 12px;
margin-bottom: 0px;
} }
.button_container .open_edit:after, .edit_item:after{ .button_container .open_edit:after, .edit_item:after{
content: "\f040"; content: "\f040";

57
themes/nox/public/main.css
View File

@ -529,7 +529,7 @@ button, .formbutton, .panel_right_button {
.topic_item .topic_forum { .topic_item .topic_forum {
font-size: 19px; font-size: 19px;
line-height: 31px; line-height: 31px;
color: #dddddd; color: #cccccc;
} }
.topic_view_count { .topic_view_count {
font-size: 17px; font-size: 17px;
@ -595,18 +595,30 @@ button, .formbutton, .panel_right_button {
margin-right: auto; margin-right: auto;
display: block; display: block;
} }
.post_item .content_container { .post_item .topic_content_input {
resize: vertical;
height: 150px;
padding: 16px; padding: 16px;
background-color: #444444; }
.post_item .content_container {
border-radius: 3px; border-radius: 3px;
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
color: #bbbbbb; color: #bbbbbb;
} }
.post_item .user_content {
background-color: #444444;
border-radius: 3px;
padding: 16px;
}
.post_item .button_container { .post_item .button_container {
display: flex; display: flex;
margin-top: auto; margin-top: 8px;
margin-bottom: auto;
padding: 14px;
background-color: #444444;
border-radius: 3px;
} }
.post_item .action_button { .post_item .action_button {
margin-right: 5px; margin-right: 5px;
@ -675,6 +687,10 @@ input[type=checkbox]:checked + label .sel {
margin-right: 8px; margin-right: 8px;
} }
.ip_item {
display: none;
}
.add_like:before, .remove_like:before { .add_like:before, .remove_like:before {
content: "{{index .Phrases "topic.plus_one"}}"; content: "{{index .Phrases "topic.plus_one"}}";
} }
@ -755,10 +771,6 @@ input[type=checkbox]:checked + label .sel {
white-space: nowrap; white-space: nowrap;
} }
.topic_item .topic_name_forum_sep, .topic_item .topic_forum, .topic_view_count {
display: none;
}
.userinfo { .userinfo {
padding: 18px; padding: 18px;
width: 140px; width: 140px;
@ -771,35 +783,31 @@ input[type=checkbox]:checked + label .sel {
.the_name { .the_name {
font-size: 17px; font-size: 17px;
} }
.ip_item.hide_on_mobile {
display: none;
}
} }
@media(max-width: 500px) { @media(max-width: 500px) {
.sidebar { .sidebar {
display: none; display: none;
} }
.topic_view_count {
display: none;
}
.post_item .content_container {
background-color: transparent;
padding: 0px;
}
.post_item .user_content {
background-color: #444444;
padding: 16px;
}
.post_item .button_container { .post_item .button_container {
display: block; display: block;
margin-top: 8px; margin-top: 8px;
background: transparent;
padding: 0px;
} }
.post_item .action_button_left { .post_item .action_button_left {
display: block; display: block;
background-color: #444444; background-color: #444444;
border-radius: 3px;
padding: 10px; padding: 10px;
} }
.post_item .action_button_right { .post_item .action_button_right {
background-color: #444444; background-color: #444444;
border-radius: 3px;
padding: 10px; padding: 10px;
padding-left: 14px; padding-left: 14px;
/*padding-right: 12px;*/ /*padding-right: 12px;*/
@ -914,6 +922,17 @@ input[type=checkbox]:checked + label .sel {
#back { #back {
flex-direction: column; flex-direction: column;
} }
.topic_item .topic_name_forum_sep {
font-size: 17px;
line-height: 28px;
margin-left: 5px;
margin-right: 5px;
}
.topic_item .topic_forum {
font-size: 17px;
line-height: 28px;
}
} }
@media(max-width: 850px) { @media(max-width: 850px) {