moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

HoverCard: Fix CSS whitespace issues

This commit is contained in:
Alex Gleason 2020-08-02 18:03:37 -05:00
parent d99e5d543c
commit 9d35498bb9
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
app/styles/components/profile_hover_card.scss
View File

@ -3,6 +3,10 @@
cursor: pointer; cursor: pointer;
} }
.display-name .profile-hover-card {
white-space: normal;
}
.profile-hover-card { .profile-hover-card {
@include standard-panel; @include standard-panel;
position: absolute; position: absolute;
@ -11,6 +15,7 @@
transition-property: opacity; transition-property: opacity;
transition-duration: 0.2s; transition-duration: 0.2s;
transition-delay: 0.7s; transition-delay: 0.7s;
width: 265px;
z-index: 998; z-index: 998;
left: -10px; left: -10px;
top: 70px; top: 70px;
@ -38,6 +43,7 @@
.user-panel { .user-panel {
box-shadow: none; box-shadow: none;
width: auto;
.user-panel-stats-item a strong { .user-panel-stats-item a strong {
text-decoration: none; text-decoration: none;
@ -48,7 +54,8 @@
margin: 0 20px 20px; margin: 0 20px 20px;
display: flex; display: flex;
.badge, .relationship-tag { .badge,
.relationship-tag {
padding: 2px 4px; padding: 2px 4px;
margin-right: 5px; margin-right: 5px;
border-radius: 3px; border-radius: 3px;