UX: Improving tag topic list navigation consistency
This commit is contained in:
parent
1f17b84b63
commit
8c46ecf7f3
|
@ -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>
|
||||
|
|
|
@ -18,6 +18,6 @@ export default NotificationOptionsComponent.extend({
|
|||
|
||||
@computed("iconForSelectedDetails")
|
||||
headerIcon(iconForSelectedDetails) {
|
||||
return [iconForSelectedDetails, "caret-down"];
|
||||
return iconForSelectedDetails;
|
||||
}
|
||||
});
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -8,7 +8,7 @@
|
|||
.list-controls {
|
||||
.nav {
|
||||
float: left;
|
||||
margin-bottom: 15px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.btn {
|
||||
|
|
Loading…
Reference in New Issue