diff --git a/src/platforms/GitHub/hooks/useGitHubCodeFold.tsx b/src/platforms/GitHub/hooks/useGitHubCodeFold.tsx index 303886d..83c49db 100644 --- a/src/platforms/GitHub/hooks/useGitHubCodeFold.tsx +++ b/src/platforms/GitHub/hooks/useGitHubCodeFold.tsx @@ -11,7 +11,7 @@ const tableSelector = `.blob-wrapper table` const selectorOfLineNumber = `.blob-num` const selectorOfLineContent = `.blob-code` -const theCSSClassForToggleElementOnActive = 'active' +const theCSSClassForToggleElementOnActive = 'gitako-code-fold-active' function init() { type LineNumber = number // alias const blocks: LineNumber[] = [] // startLine -> exclusiveEndLine diff --git a/src/styles/index.scss b/src/styles/index.scss index 7677d94..d4f28eb 100644 --- a/src/styles/index.scss +++ b/src/styles/index.scss @@ -144,7 +144,7 @@ $minimal-z-index: max($github-header-z-index, $github-pull-request-float-header- ); } - &.active { + &.gitako-code-fold-active { .gitako-code-fold-handler { &::before { transform: rotate(-90deg); @@ -655,7 +655,7 @@ $minimal-z-index: max($github-header-z-index, $github-pull-request-float-header- @include interactive-background( var(--gitako-bg-primary), var(--gitako-bg-tertiary), - var(--gitako-bg-secondary), + var(--gitako-bg-secondary) ); &.disabled {