github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-27 16:33:37 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

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

Browse Source
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; flex: 1 1 auto;
} }
.usercard-controls { .usercard-controls {
max-width: 225px;
button { button {
min-width: 150px; 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; box-sizing: border-box;
} }
.usercard-controls { .usercard-controls {
--usercard-control-margin: 0.25em;
display: flex; display: flex;
flex: 1; flex: 1;
margin-top: 1em; flex-wrap: wrap;
max-width: 100%; margin: 1em calc(var(--usercard-control-margin) * -1) 0;
li { li {
flex: 1 0 auto; flex: 1 0 auto;
min-width: 0; min-width: 0;
&:nth-child(2) { margin: 0 var(--usercard-control-margin);
border-left: 0.5em solid transparent;
}
&:empty { &:empty {
display: none; display: none;
} }