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

UX: switch categories-boxes layouts from flexbox to grid (#19501)

This commit is contained in:
Kris 2023-01-19 12:48:58 -05:00 committed by GitHub
parent f66e798ed7
commit 2fb2b0a538
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
app/assets/stylesheets/common/base/category-list.scss
View File

@ -43,9 +43,8 @@
.category-boxes,
.category-boxes-with-topics {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
display: grid;
gap: 1.5em;
margin-top: 1em;
margin-bottom: 1em;
width: 100%;
@ -117,9 +116,8 @@
}
.category-boxes {
grid-template-columns: repeat(auto-fit, minmax(15em, 1fr));
.category-box {
width: 23%;
margin: 0 1% 1.5em 1%;
> a {
width: 100%;
padding: 0;
@ -253,9 +251,8 @@
}
.category-boxes-with-topics {
grid-template-columns: repeat(auto-fit, minmax(18em, 1fr));
.category-box {
width: 31%;
margin: 0 1% 1.5em 1%;
padding: 0;
}