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="list-controls">
<div class="container"> <div class="container">
<section class="navigation-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}} {{#if showTagFilter}}
{{bread-crumbs categories=categories {{bread-crumbs categories=categories
@ -41,6 +24,25 @@
{{/each}} {{/each}}
</h2> </h2>
{{/if}} {{/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> </section>
</div> </div>
</div> </div>

View File

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

View File

@ -13,6 +13,7 @@
.list-controls { .list-controls {
clear: both; clear: both;
margin-bottom: 5px;
.combo-box .combo-box-header { .combo-box .combo-box-header {
background: $primary-low; background: $primary-low;
color: $primary; color: $primary;
@ -35,6 +36,9 @@
&.category-notifications-button, &.category-notifications-button,
&.tag-notifications-button { &.tag-notifications-button {
float: right; 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 { .topic-header-extra .discourse-tag {
-webkit-animation: fadein 0.7s; -webkit-animation: fadein 0.7s;
animation: fadein 0.7s; animation: fadein 0.7s;
@ -201,12 +209,6 @@ header .discourse-tag {
width: 500px; width: 500px;
} }
.admin-tag {
position: relative;
float: right;
margin-right: 8px;
}
.tag-sort-options { .tag-sort-options {
margin-bottom: 20px; margin-bottom: 20px;
a { a {

View File

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