Fix class naming (#2811)

This commit is contained in:
Sami Mazouz 2021-04-26 17:14:22 +01:00 committed by GitHub
parent f4acb2c5db
commit 2b7e7f3ff4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 7 deletions

View File

@ -123,7 +123,7 @@ export default class UserListPage extends AdminPage {
return ( return (
<div <div
class={classList(['UserListPage-grid--rowItem', rowIndex % 2 > 0 && 'UserListPage-grid--shadedRow'])} class={classList(['UserListPage-grid-rowItem', rowIndex % 2 > 0 && 'UserListPage-grid-rowItem--shaded'])}
data-user-id={user.id()} data-user-id={user.id()}
data-column-name={col.itemName} data-column-name={col.itemName}
aria-colindex={colIndex + 1} aria-colindex={colIndex + 1}

View File

@ -48,7 +48,7 @@
background: @control-bg; background: @control-bg;
} }
&--rowItem { &-rowItem {
padding: 4px 16px; padding: 4px 16px;
display: flex; display: flex;
align-items: center; align-items: center;
@ -57,13 +57,13 @@
padding: 0; padding: 0;
position: relative; position: relative;
} }
}
&--shadedRow { &--shaded {
background: darken(@body-bg, 3%); background: darken(@body-bg, 3%);
& when (@config-dark-mode = true) { & when (@config-dark-mode = true) {
background: lighten(@body-bg, 5%); background: lighten(@body-bg, 5%);
}
} }
} }
} }