diff options
Diffstat (limited to 'app/assets/javascripts/boards/components/board_list_header.vue')
-rw-r--r-- | app/assets/javascripts/boards/components/board_list_header.vue | 16 |
1 files changed, 11 insertions, 5 deletions
diff --git a/app/assets/javascripts/boards/components/board_list_header.vue b/app/assets/javascripts/boards/components/board_list_header.vue index 14dff8de70f..749fae0c426 100644 --- a/app/assets/javascripts/boards/components/board_list_header.vue +++ b/app/assets/javascripts/boards/components/board_list_header.vue @@ -125,7 +125,7 @@ export default { return this.list.collapsed ? this.$options.i18n.expand : this.$options.i18n.collapse; }, chevronIcon() { - return this.list.collapsed ? 'chevron-right' : 'chevron-down'; + return this.list.collapsed ? 'chevron-lg-right' : 'chevron-lg-down'; }, isNewIssueShown() { return (this.listType === ListType.backlog || this.showListHeaderButton) && !this.isEpicBoard; @@ -135,7 +135,9 @@ export default { }, isSettingsShown() { return ( - this.listType !== ListType.backlog && this.showListHeaderButton && !this.list.collapsed + this.listType !== ListType.backlog && + this.listType !== ListType.closed && + !this.list.collapsed ); }, uniqueKey() { @@ -321,6 +323,7 @@ export default { v-if="listType !== 'label'" v-gl-tooltip.hover :class="{ + 'gl-text-gray-500': list.collapsed, 'gl-display-block': list.collapsed || listType === 'milestone', }" :title="listTitle" @@ -376,7 +379,7 @@ export default { <!-- EE end --> <div - class="issue-count-badge gl-display-inline-flex gl-pr-2 no-drag gl-text-secondary" + class="gl-font-sm issue-count-badge gl-display-inline-flex gl-pr-2 no-drag gl-text-secondary" data-testid="issue-count-badge" :class="{ 'gl-display-none!': list.collapsed && isSwimlanesHeader, @@ -386,7 +389,7 @@ export default { <span class="gl-display-inline-flex" :class="{ 'gl-rotate-90': list.collapsed }"> <gl-tooltip :target="() => $refs.itemCount" :title="itemsTooltipLabel" /> <span ref="itemCount" class="gl-display-inline-flex gl-align-items-center"> - <gl-icon class="gl-mr-2" :name="countIcon" :size="16" /> + <gl-icon class="gl-mr-2" :name="countIcon" :size="14" /> <item-count v-if="!isLoading" :items-size="isEpicBoard ? list.epicsCount : boardList.issuesCount" @@ -397,7 +400,7 @@ export default { <template v-if="canShowTotalWeight"> <gl-tooltip :target="() => $refs.weightTooltip" :title="weightCountToolTip" /> <span ref="weightTooltip" class="gl-display-inline-flex gl-ml-3" data-testid="weight"> - <gl-icon class="gl-mr-2" name="weight" /> + <gl-icon class="gl-mr-2" name="weight" :size="14" /> {{ totalWeight }} </span> </template> @@ -413,6 +416,7 @@ export default { :aria-label="$options.i18n.newIssue" :title="$options.i18n.newIssue" class="no-drag" + size="small" icon="plus" @click="showNewIssueForm" /> @@ -424,6 +428,7 @@ export default { :aria-label="$options.i18n.newEpic" :title="$options.i18n.newEpic" class="no-drag" + size="small" icon="plus" @click="showNewEpicForm" /> @@ -434,6 +439,7 @@ export default { v-gl-tooltip.hover :aria-label="$options.i18n.listSettings" class="no-drag" + size="small" :title="$options.i18n.listSettings" icon="settings" @click="openSidebarSettings" |