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

UX: improve user card control layout for long text (#12770)

This commit is contained in:
Kris 2021-04-20 18:34:33 -04:00 committed by GitHub
parent f33b7c8f65
commit 5e97946f9f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/assets/stylesheets/desktop/components/user-card.scss
View File

@ -16,6 +16,7 @@
flex: 1 1 auto;
}
.usercard-controls {
max-width: 225px;
button {
min-width: 150px;
}

9
app/assets/stylesheets/mobile/components/user-card.scss
View File

@ -17,16 +17,15 @@ $avatar_width: 120px;
box-sizing: border-box;
}
.usercard-controls {
--usercard-control-margin: 0.25em;
display: flex;
flex: 1;
margin-top: 1em;
max-width: 100%;
flex-wrap: wrap;
margin: 1em calc(var(--usercard-control-margin) * -1) 0;
li {
flex: 1 0 auto;
min-width: 0;
&:nth-child(2) {
border-left: 0.5em solid transparent;
}
margin: 0 var(--usercard-control-margin);
&:empty {
display: none;
}