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="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>
|
||||||
|
|
|
@ -18,6 +18,6 @@ export default NotificationOptionsComponent.extend({
|
||||||
|
|
||||||
@computed("iconForSelectedDetails")
|
@computed("iconForSelectedDetails")
|
||||||
headerIcon(iconForSelectedDetails) {
|
headerIcon(iconForSelectedDetails) {
|
||||||
return [iconForSelectedDetails, "caret-down"];
|
return iconForSelectedDetails;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
|
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -8,7 +8,7 @@
|
||||||
.list-controls {
|
.list-controls {
|
||||||
.nav {
|
.nav {
|
||||||
float: left;
|
float: left;
|
||||||
margin-bottom: 15px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn {
|
.btn {
|
||||||
|
|
Loading…
Reference in New Issue