IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-25 18:55:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

UX: update appropriate btn-flat instances to btn-transparent (#25945)

Browse Source 
With the adjustments of `btn-transparent` in https://github.com/discourse/discourse/pull/24666, there are more buttons that could use this class instead of `btn-flat`. This mostly relates to `x` close buttons, but also includes composer and chat toggles.

The primary difference between these styles is that `btn-transparent` never has a background, where `btn-flat` may have a hover or focus background.
This commit is contained in:
Kris
2024-02-29 05:47:07 -05:00
committed by GitHub
parent 88f833418f
commit 8c22831672
29 changed files with 36 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -452,16 +452,9 @@
border-radius: var(--d-border-radius);
padding: 0.4em 0.467em;
.d-icon {
color: var(--primary-high);
color: var(--primary-medium);
}
@include hover {
background: transparent;
.d-icon {
color: var(--primary);
}
}
&:focus {
background: var(--primary-low);
.d-icon {
color: var(--primary);
}

4
app/assets/stylesheets/common/components/user-status-picker.scss
View File

@@ -12,10 +12,6 @@
margin: 3px;
width: 2.3em;
text-align: center;
.svg-icon {
color: var(--primary-high);
}
}
.user-status-description {