Made the filter opt visible again and started work on the filter drop-down menu.

This commit is contained in:
Azareal 2018-09-25 18:02:40 +10:00
parent 273a0b3637
commit 4b75f5b55f
5 changed files with 32 additions and 6 deletions

View File

@ -6,13 +6,17 @@
{{if ne .CurrentUser.ID 0}} {{if ne .CurrentUser.ID 0}}
<div class="optbox"> <div class="optbox">
{{if .ForumList}} {{if .ForumList}}
<!--<div class="opt" style="margin-right: auto;"> <div class="opt filter_opt" style="margin-right: auto;">
<a href="#" style="font-size: 18px;margin-left: 5px;"> / Most Recent <span style="margin-left: -5px;"></span></a> <a href="#" style="font-size: 18px;margin-left: 5px;"> / Most Recent <span style="margin-left: -5px;"></span></a>
<div class="link_select"> <div class="link_select">
<div class="link_option link_selected">Most Recent</div> <div class="link_option link_selected">
<div class="link_option">Most Viewed</div> <a href="/topics/">Most Recent</a>
</div>
<div class="link_option">
<a href="/topics/most-viewed/">Most Viewed</a>
</div>
</div> </div>
</div>--> </div>
<div class="pre_opt auto_hide"></div> <div class="pre_opt auto_hide"></div>
<div class="opt create_topic_opt" title="{{lang "topic_list.create_topic_tooltip"}}" aria-label="{{lang "topic_list.create_topic_aria"}}"><a class="create_topic_link" href="/topics/create/"></a></div> <div class="opt create_topic_opt" title="{{lang "topic_list.create_topic_tooltip"}}" aria-label="{{lang "topic_list.create_topic_aria"}}"><a class="create_topic_link" href="/topics/create/"></a></div>
{{/** TODO: Add a permissions check for this **/}} {{/** TODO: Add a permissions check for this **/}}

View File

@ -425,6 +425,9 @@ h1, h3 {
.mod_opt .moderate_open { .mod_opt .moderate_open {
display: none; display: none;
} }
.filter_opt {
display: none;
}
.topic_create_form { .topic_create_form {
display: flex !important; display: flex !important;

View File

@ -332,12 +332,11 @@ h2 {
.topic_list_title_block .optbox { .topic_list_title_block .optbox {
display: flex; display: flex;
/*margin-left: auto;*/ /*margin-left: auto;*/
margin-left: auto;
font-size: 17px; font-size: 17px;
margin-top: 3.5px; margin-top: 3.5px;
margin-right: 16px; margin-right: 16px;
margin-right: 18px; margin-right: 18px;
/*width: 100%;*/ width: 100%;
} }
.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"}}";
@ -356,6 +355,20 @@ h2 {
content: "Moderate"; content: "Moderate";
} }
.link_select {
background: #333333;
background-color: #444444;
position: absolute;
border: 1px solid #333333;
padding: 16px;
padding-top: 10px;
padding-bottom: 10px;
margin-top: 2px;
}
.link_select .link_option a {
margin-left: 0px;
}
.topic_row:not(:last-child) { .topic_row:not(:last-child) {
margin-bottom: 8px; margin-bottom: 8px;
} }

View File

@ -723,6 +723,9 @@ input[type=checkbox]:checked + label.poll_option_label .sel {
margin-left: auto; margin-left: auto;
margin-right: 12px; margin-right: 12px;
} }
.filter_opt {
display: none;
}
@keyframes fadein { @keyframes fadein {
from { opacity: 0; } from { opacity: 0; }

View File

@ -324,6 +324,9 @@ li a {
color: rgb(120,120,120); color: rgb(120,120,120);
text-decoration: none; text-decoration: none;
}*/ }*/
.filter_opt {
display: none;
}
.to_right { .to_right {
margin-left: auto; margin-left: auto;