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 (
<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-column-name={col.itemName}
aria-colindex={colIndex + 1}

View File

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