Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

UX: More consistent table header styles, removing duplicate styles

This commit is contained in:
Kris 2019-02-26 21:40:17 -05:00
parent 1d4e9b08ad
commit ef9b249cd2
18 changed files with 36 additions and 140 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/javascripts/discourse/templates/modal/reorder-categories.hbs
View File

@ -5,6 +5,7 @@
<th class="th-pos">{{i18n "categories.reorder.position"}}</th>
<th class="th-cat">{{i18n "categories.category"}}</th>
</thead>
<tbody>
{{#each categoriesOrdered as |cat|}}
<tr data-category-id="{{cat.id}}">
<td>
@ -21,6 +22,7 @@
<td>{{category-badge cat allowUncategorized="true"}}</td>
</tr>
{{/each}}
</tbody>
</table>
<div id="rc-scroll-bottom"></div>
{{/d-modal-body}}

15
app/assets/stylesheets/common/admin/admin_base.scss
View File

@ -99,21 +99,6 @@ $mobile-breakpoint: 700px;
th {
padding: 8px;
}
th {
text-align: left;
&.sortable {
cursor: pointer;
&:hover {
background-color: #e9e9e9;
background-color: lighten($primary, 80%);
}
.d-icon-chevron-down,
.d-icon-chevron-up {
margin-left: 0.5em;
}
}
}
tr:hover {
background-color: darken($secondary, 2.5%);
}

2
app/assets/stylesheets/common/admin/dashboard_previous.scss
View File

@ -42,7 +42,6 @@
}
th {
background: transparent;
text-align: left;
padding: 0;
}
}
@ -139,7 +138,6 @@
}
}
th {
font-weight: normal;
text-align: center;
background: $primary-low;
}

3
app/assets/stylesheets/common/admin/moderation_history.scss
View File

@ -1,8 +1,5 @@
.moderation-history {
width: 100%;
th {
text-align: left;
}
td.date {
padding-right: 1em;
}

7
app/assets/stylesheets/common/base/_topic-list.scss
View File

@ -118,15 +118,12 @@
vertical-align: middle;
}
th {
color: dark-light-choose($primary-medium, $secondary-medium);
font-weight: normal;
font-size: $font-0;
button .d-icon {
color: dark-light-choose($primary-medium, $secondary-medium);
color: $primary-medium;
}
}
td {
color: dark-light-choose($primary-medium, $secondary-medium);
color: $primary-medium;
font-size: $font-0;
}

7
app/assets/stylesheets/common/base/about.scss
View File

@ -8,12 +8,7 @@ section.about {
table {
width: auto;
th {
text-align: left;
}
td,
th {
td {
padding: 10px;
}

2
app/assets/stylesheets/common/base/cat_reorder.scss
View File

@ -1,9 +1,7 @@
.reorder-categories {
thead {
border-bottom: 1px solid $primary-low;
th {
padding-bottom: 0.5em;
text-align: left;
}
}
input {

12
app/assets/stylesheets/common/base/directory.scss
View File

@ -46,20 +46,10 @@
}
th.sortable {
cursor: pointer;
white-space: nowrap;
width: 13%;
.d-icon-heart {
color: $love;
margin-right: 0.5em;
}
.d-icon-chevron-down,
.d-icon-chevron-up {
margin-left: 0.5em;
}
&:hover {
background-color: $primary-low;
margin: 0 0.25em 0 0;
}
}
}

39
app/assets/stylesheets/common/base/discourse.scss
View File

@ -276,7 +276,31 @@ select {
border: 1px solid $primary-low;
}
table {
th {
font-weight: normal;
color: $primary-medium;
text-align: left;
padding: 0.5em;
}
}
// Common Classes
.sortable {
white-space: nowrap;
cursor: pointer;
.discourse-no-touch & {
&:hover {
background-color: $primary-low;
}
}
.d-icon {
margin-left: 0.25em;
}
@include unselectable;
}
.radio,
.checkbox {
min-height: 18px;
@ -532,21 +556,6 @@ select {
.control-group {
@include clearfix;
.table {
width: 100%;
th,
td {
padding: 10px;
text-align: center;
}
}
&.highlighted {
animation: background-fade-highlight 2.5s ease-out;
background-color: dark-light-choose($highlight-low, $highlight);
}
}
.control-label {

23
app/assets/stylesheets/common/base/group.scss
View File

@ -82,20 +82,15 @@
table.group-manage-logs {
width: 100%;
th {
text-align: left;
padding: 5px 0;
}
td {
padding: 10px 0;
padding: 0.5em;
}
.group-manage-logs-expand-details {
cursor: pointer;
.d-icon {
color: blend-primary-secondary(50%);
color: $primary-medium;
}
}
}
@ -119,20 +114,6 @@ table.group-members {
th {
text-align: center;
padding: 5px 0 5px 5px;
color: dark-light-choose($primary-medium, $secondary-medium);
font-weight: normal;
}
th.sortable {
.d-icon {
margin-left: 5px;
}
&:hover {
cursor: pointer;
background-color: $primary-low;
}
}
tr {

13
app/assets/stylesheets/common/base/groups.scss
View File

@ -26,19 +26,6 @@
.groups-table {
width: 100%;
th {
border-bottom: 1px solid $primary-low;
padding: 0.5em;
text-align: left;
}
.sortable {
&:hover {
background-color: $primary-low;
cursor: pointer;
}
}
tr {
td {
padding: 0.8em;

8
app/assets/stylesheets/common/base/topic-post.scss
View File

@ -607,16 +607,16 @@ blockquote > *:last-child {
.cooked table,
.d-editor-preview table {
thead {
border-bottom: 2px solid lighten($primary, 80%);
th {
text-align: left;
padding-bottom: 2px;
font-weight: bold;
color: $primary;
}
}
td,
th {
padding: 3px 3px 3px 10px;
td {
padding: 3px 3px 3px 0.5em;
}
}

2
app/assets/stylesheets/desktop/category-list.scss
View File

@ -12,9 +12,7 @@
}
th {
text-align: left;
vertical-align: middle;
font-weight: normal;
}
td:first-of-type {

8
app/assets/stylesheets/desktop/group.scss
View File

@ -50,11 +50,3 @@
top: 20px;
right: 20px;
}
.groups-table {
thead {
.d-icon {
padding-left: 2px;
}
}
}

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

@ -111,13 +111,6 @@
left: -2px;
}
.sortable {
cursor: pointer;
&:hover {
background-color: $primary-low;
}
@include unselectable;
}
.likes {
width: 65px;
}

12
app/assets/stylesheets/desktop/user.scss
View File

@ -115,18 +115,6 @@
.user-invite-list {
width: 100%;
margin-top: 15px;
th {
text-align: left;
padding: 0 0 10px 0;
color: dark-light-choose($primary-medium, $secondary-medium);
font-weight: normal;
}
td {
padding: 10px 0 10px 0;
border-bottom: 1px solid $primary-low;
}
}
.user-invite-search {

1
app/assets/stylesheets/mobile/topic-list.scss
View File

@ -140,7 +140,6 @@
th,
td {
padding: 7px 0;
color: dark-light-choose($primary-medium, $secondary-medium);
max-width: 300px;
}

13
app/assets/stylesheets/mobile/user.scss
View File

@ -19,9 +19,7 @@
text-overflow: ellipsis;
}
th {
padding: 0.5em;
text-align: right;
border-bottom: 1px solid $primary-low;
}
td {
padding: 0.5em;
@ -51,17 +49,6 @@
table {
width: 100%;
margin-top: 10px;
th {
text-align: left;
border-bottom: 1px solid $primary-low;
padding: 5px;
}
td {
padding: 5px;
border-bottom: 1px solid $primary-low;
}
}
}