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