UX: Improving tag topic list navigation consistency

This commit is contained in:
Kris 2018-08-16 00:02:26 -04:00
parent 1f17b84b63
commit 8c46ecf7f3
5 changed files with 33 additions and 25 deletions

View File

@ -5,23 +5,6 @@
<div class="list-controls">
<div class="container">
<section class="navigation-container">
{{#if tagNotification}}
{{#unless additionalTags}}
{{tag-notifications-button action="changeTagNotification"
notificationLevel=tagNotification.notification_level}}
{{/unless}}
{{/if}}
{{#if showAdminControls}}
{{d-button action="deleteTag" icon="trash-o" class="admin-tag btn-danger"}}
{{d-button action="renameTag" actionParam=tag icon="pencil" class="admin-tag"}}
{{/if}}
{{create-topic-button
canCreateTopic=canCreateTopic
disabled=createTopicDisabled
label=createTopicLabel
action=(route-action "createTopic")}}
{{#if showTagFilter}}
{{bread-crumbs categories=categories
@ -41,6 +24,25 @@
{{/each}}
</h2>
{{/if}}
{{#if tagNotification}}
{{#unless additionalTags}}
{{tag-notifications-button action="changeTagNotification"
notificationLevel=tagNotification.notification_level}}
{{/unless}}
{{/if}}
{{create-topic-button
canCreateTopic=canCreateTopic
disabled=createTopicDisabled
label=createTopicLabel
action=(route-action "createTopic")}}
{{#if showAdminControls}}
{{d-button action="renameTag" actionParam=tag icon="pencil" class="admin-tag"}}
{{d-button action="deleteTag" icon="trash-o" class="admin-tag btn-danger"}}
{{/if}}
</section>
</div>
</div>

View File

@ -18,6 +18,6 @@ export default NotificationOptionsComponent.extend({
@computed("iconForSelectedDetails")
headerIcon(iconForSelectedDetails) {
return [iconForSelectedDetails, "caret-down"];
return iconForSelectedDetails;
}
});

View File

@ -13,6 +13,7 @@
.list-controls {
clear: both;
margin-bottom: 5px;
.combo-box .combo-box-header {
background: $primary-low;
color: $primary;
@ -35,6 +36,9 @@
&.category-notifications-button,
&.tag-notifications-button {
float: right;
button {
display: inline-block;
}
}
}
}

View File

@ -29,6 +29,14 @@
}
}
.tag-show-heading {
display: inline-flex;
align-items: center;
.d-icon {
margin: 0 0.25em;
}
}
.topic-header-extra .discourse-tag {
-webkit-animation: fadein 0.7s;
animation: fadein 0.7s;
@ -201,12 +209,6 @@ header .discourse-tag {
width: 500px;
}
.admin-tag {
position: relative;
float: right;
margin-right: 8px;
}
.tag-sort-options {
margin-bottom: 20px;
a {

View File

@ -8,7 +8,7 @@
.list-controls {
.nav {
float: left;
margin-bottom: 15px;
margin-bottom: 10px;
}
.btn {