Discource-C/discourse
1
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-03-04 18:29:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

UX: fix btn-flat focus style (#24156)

Browse Source
This commit is contained in:
Kris 2023-10-30 12:44:38 -04:00 committed by GitHub
parent fbf8528814
commit 923fe3d082
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 19 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
app/assets/stylesheets/common/components/buttons.scss
View File

@ -306,13 +306,21 @@
color: var(--primary-low-mid); color: var(--primary-low-mid);
transition: color 0.25s; transition: color 0.25s;
} }
@include hover { .discourse-no-touch & {
background: transparent; &:hover,
&:focus {
color: var(--primary); color: var(--primary);
.d-icon { .d-icon {
color: var(--primary); color: var(--primary);
} }
} }
&:hover {
background: transparent;
}
&:focus {
background: var(--primary-low);
}
}
&.close { &.close {
padding: 0; padding: 0;
background: transparent; background: transparent;
@ -320,13 +328,16 @@
.d-icon { .d-icon {
color: var(--primary-high); color: var(--primary-high);
} }
@include hover { .discourse-no-touch & {
&:hover,
&:focus {
background: transparent; background: transparent;
.d-icon { .d-icon {
color: var(--primary); color: var(--primary);
} }
} }
} }
}
&.btn-text { &.btn-text {
color: var(--tertiary); color: var(--tertiary);
&[disabled] { &[disabled] {