diff --git a/app/assets/javascripts/discourse/templates/flat-button.raw.hbs b/app/assets/javascripts/discourse/templates/flat-button.raw.hbs new file mode 100644 index 0000000000..74384745a8 --- /dev/null +++ b/app/assets/javascripts/discourse/templates/flat-button.raw.hbs @@ -0,0 +1,3 @@ + diff --git a/app/assets/javascripts/discourse/templates/topic-list-header-column.raw.hbs b/app/assets/javascripts/discourse/templates/topic-list-header-column.raw.hbs index 2c7ea0c947..7d7b6b62bb 100644 --- a/app/assets/javascripts/discourse/templates/topic-list-header-column.raw.hbs +++ b/app/assets/javascripts/discourse/templates/topic-list-header-column.raw.hbs @@ -1,7 +1,7 @@ {{~#if canBulkSelect}} {{~#if showBulkToggle}} - + {{raw "flat-button" class="bulk-select" icon="list" title="topics.bulk.toggle"}} {{/if ~}} {{~#if bulkSelectEnabled}} diff --git a/app/assets/javascripts/discourse/templates/topic-list-header.raw.hbs b/app/assets/javascripts/discourse/templates/topic-list-header.raw.hbs index 2faae1a5d6..9f4646b3ad 100644 --- a/app/assets/javascripts/discourse/templates/topic-list-header.raw.hbs +++ b/app/assets/javascripts/discourse/templates/topic-list-header.raw.hbs @@ -1,7 +1,7 @@ {{#if bulkSelectEnabled}} {{#if canBulkSelect}} - + {{raw "flat-button" class="bulk-select" icon="list" title="topics.bulk.toggle"}} {{/if}} {{/if}} diff --git a/app/assets/stylesheets/common/components/buttons.scss b/app/assets/stylesheets/common/components/buttons.scss index 4f4cf30549..bce45c1263 100644 --- a/app/assets/stylesheets/common/components/buttons.scss +++ b/app/assets/stylesheets/common/components/buttons.scss @@ -194,4 +194,7 @@ background: transparent; border: 0; outline: 0; + i.fa { + opacity: 0.7; + } } diff --git a/app/assets/stylesheets/desktop/topic-list.scss b/app/assets/stylesheets/desktop/topic-list.scss index dae88ae24a..edd58ce1e0 100644 --- a/app/assets/stylesheets/desktop/topic-list.scss +++ b/app/assets/stylesheets/desktop/topic-list.scss @@ -61,10 +61,8 @@ } button.bulk-select { padding: 0; - background: transparent; - &:hover { - color: $primary-low; - } + font-size: 1.05em; + margin-right: 0.3em; } .star {