MrSphay/Modrinth-plus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: some buttons appear disabled even if they aren't (#6037)

Browse Source 
This is because [disabled="false"] met the criteria of [disabled] as a css selector
This commit is contained in:
Prospector
2026-05-08 02:39:13 -07:00
committed by GitHub
parent 9c99518497
commit c166ce52b3
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/ui/src/components/base/ButtonStyled.vue
View File

@@ -277,20 +277,20 @@ const fontSize = computed(() => {
flex-shrink: 0; flex-shrink: 0;
} }
&[disabled], &[disabled]:not([disabled='false']),
&[disabled='true'], &[disabled='true'],
&.disabled, &.disabled,
&.looks-disabled { &.looks-disabled {
@apply opacity-50; @apply opacity-50;
} }
&[disabled], &[disabled]:not([disabled='false']),
&[disabled='true'], &[disabled='true'],
&.disabled { &.disabled {
@apply cursor-not-allowed; @apply cursor-not-allowed;
} }
&:not([disabled]):not([disabled='true']):not(.disabled) { &:not([disabled]:not([disabled='false'])):not([disabled='true']):not(.disabled) {
@apply hover:brightness-[--hover-brightness] focus-visible:brightness-[--hover-brightness] hover:bg-[--_hover-bg] hover:text-[--_hover-text] focus-visible:bg-[--_hover-bg] focus-visible:text-[--_hover-text]; @apply hover:brightness-[--hover-brightness] focus-visible:brightness-[--hover-brightness] hover:bg-[--_hover-bg] hover:text-[--_hover-text] focus-visible:bg-[--_hover-bg] focus-visible:text-[--_hover-text];
&:hover svg:first-child, &:hover svg:first-child,
@@ -309,7 +309,7 @@ const fontSize = computed(() => {
> *:first-child > *:first-child
> *:first-child > *:first-child
> :is(button, a, .button-like):first-child { > :is(button, a, .button-like):first-child {
&:not([disabled]):not([disabled='true']):not(.disabled) { &:not([disabled]:not([disabled='false'])):not([disabled='true']):not(.disabled) {
@apply active:scale-95; @apply active:scale-95;
} }
} }