github-mirror/discourse
github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-04-25 20:14:29 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

UX: Use flat button style for bulk selection

Browse Source
This commit is contained in:
Robin Ward 2017-07-25 11:37:32 -04:00
parent 5da848088a
commit 3152eabbb0
5 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
app/assets/javascripts/discourse/templates/flat-button.raw.hbs Normal file
View File

@ -0,0 +1,3 @@
<button class='btn-flat {{class}}' title='{{i18n "topics.bulk.toggle"}}'>
{{fa-icon icon}}
</button>

2
app/assets/javascripts/discourse/templates/topic-list-header-column.raw.hbs
View File

@ -1,7 +1,7 @@
<th data-sort-order='{{order}}' class='{{view.className}}'> <th data-sort-order='{{order}}' class='{{view.className}}'>
{{~#if canBulkSelect}} {{~#if canBulkSelect}}
{{~#if showBulkToggle}} {{~#if showBulkToggle}}
<button class='btn bulk-select' title='{{i18n "topics.bulk.toggle"}}'><i class='fa fa-list'></i></button> {{raw "flat-button" class="bulk-select" icon="list" title="topics.bulk.toggle"}}
{{/if ~}} {{/if ~}}
{{~#if bulkSelectEnabled}} {{~#if bulkSelectEnabled}}
<span class='bulk-select-topics'> <span class='bulk-select-topics'>

2
app/assets/javascripts/discourse/templates/topic-list-header.raw.hbs
View File

@ -1,7 +1,7 @@
{{#if bulkSelectEnabled}} {{#if bulkSelectEnabled}}
<th class='star'> <th class='star'>
{{#if canBulkSelect}} {{#if canBulkSelect}}
<button class='btn bulk-select' title='{{i18n "topics.bulk.toggle"}}'><i class='fa fa-list'></i></button> {{raw "flat-button" class="bulk-select" icon="list" title="topics.bulk.toggle"}}
{{/if}} {{/if}}
</th> </th>
{{/if}} {{/if}}

3
app/assets/stylesheets/common/components/buttons.scss
View File

@ -194,4 +194,7 @@
background: transparent; background: transparent;
border: 0; border: 0;
outline: 0; outline: 0;
i.fa {
opacity: 0.7;
}
} }

6
app/assets/stylesheets/desktop/topic-list.scss
View File

@ -61,10 +61,8 @@
} }
button.bulk-select { button.bulk-select {
padding: 0; padding: 0;
background: transparent; font-size: 1.05em;
&:hover { margin-right: 0.3em;
color: $primary-low;
}
} }
.star { .star {