mirrors/wagtail
mirrors/wagtail
0
0
Fork 0
mirror of https://github.com/wagtail/wagtail.git synced 2024-11-25 05:02:57 +01:00
Code Issues Releases Wiki Activity

Remove usage of is- CSS class prefix

Browse Source
This commit is contained in:
Thibaud Colas 2023-12-12 17:49:19 +00:00
parent 9e65559d0e
commit 77af0541be
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
client/scss/components/_userbar.scss
View File

@ -119,7 +119,7 @@ $positions: (
padding-inline-start: 0;
text-decoration: none;
.w-userbar.is-active & {
.w-userbar--active & {
visibility: visible;
}
}
@ -379,7 +379,7 @@ $positions: (
padding-#{$vertical}: theme('spacing.2');
}
.w-userbar-nav .w-userbar__item {
.w-userbar__item {
@if $vertical == 'bottom' {
transform: translateY(1em);
} @else {
@ -387,7 +387,7 @@ $positions: (
}
}
&.is-active .w-userbar__item {
&.w-userbar--active .w-userbar__item {
@for $i from 1 through $max-items {
@if $vertical == 'bottom' {
&:nth-last-child(#{$i}) {
@ -410,7 +410,7 @@ $positions: (
// =============================================================================
// Active state for the list items comes last.
.w-userbar.is-active .w-userbar__item {
.w-userbar--active .w-userbar__item {
transform: translateY(0);
opacity: 1;
}

2
client/src/includes/userbar.ts
View File

@ -73,7 +73,7 @@ export class Userbar extends HTMLElement {
}
const listItems = list.querySelectorAll('li');
const isActiveClass = 'is-active';
const isActiveClass = 'w-userbar--active';
this.trigger = trigger;