github-mirror/discourse
github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-03-15 02:35: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}}'>
{{~#if canBulkSelect}}
{{~#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 bulkSelectEnabled}}
<span class='bulk-select-topics'>

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

@ -1,7 +1,7 @@
{{#if bulkSelectEnabled}}
<th class='star'>
{{#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}}
</th>
{{/if}}

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

@ -194,4 +194,7 @@
background: transparent;
border: 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 {
padding: 0;
background: transparent;
&:hover {
color: $primary-low;
}
font-size: 1.05em;
margin-right: 0.3em;
}
.star {