Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

UX: impove badge granted spacing with grid (#24150)

This commit is contained in:
Kris 2023-10-30 10:55:01 -04:00 committed by GitHub
parent 3071535a14
commit 68728806c1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/assets/stylesheets/common/base/user-badges.scss
View File

@ -228,11 +228,9 @@
}
.badges-granted {
display: flex;
flex-wrap: wrap;
@media screen and (max-width: $small-width) {
justify-content: space-between;
}
display: grid;
grid-template-columns: repeat(auto-fit, minmax(18em, 1fr));
gap: 3em 2em;
}
.container.badges {

9
app/assets/stylesheets/desktop/components/user-info.scss
View File

@ -1,15 +1,6 @@
.user-info {
&.medium {
flex: 0 0 32%;
margin: 0 2% 4vh 0;
display: flex;
&:nth-of-type(3n) {
margin-right: 0;
}
@media screen and (max-width: $small-width) {
flex: 0 0 48%;
margin-right: 0;
}
.user-image {
width: 55px;
margin-right: 0;