Made the filter opt visible again and started work on the filter drop-down menu.
This commit is contained in:
parent
1d17e7f334
commit
80657813da
|
@ -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 **/}}
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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; }
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in New Issue