diff options
| author | Henry Jameson <me@hjkos.com> | 2018-11-25 17:42:41 +0300 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2018-11-25 17:42:41 +0300 |
| commit | 2f1070deb63af7f351fb3e33e44394160c689be4 (patch) | |
| tree | b71f8c86bca51313ee9c526d1fd2f986dd33e76f /src/components/user_card_content/user_card_content.vue | |
| parent | 698ebf70037c3231b96f417ad1afeaad1da47d55 (diff) | |
collateral fixes
Diffstat (limited to 'src/components/user_card_content/user_card_content.vue')
| -rw-r--r-- | src/components/user_card_content/user_card_content.vue | 12 |
1 files changed, 11 insertions, 1 deletions
diff --git a/src/components/user_card_content/user_card_content.vue b/src/components/user_card_content/user_card_content.vue index 22f77ffc..9830f283 100644 --- a/src/components/user_card_content/user_card_content.vue +++ b/src/components/user_card_content/user_card_content.vue @@ -120,6 +120,7 @@ background-size: cover; border-radius: $fallback--panelRadius; border-radius: var(--panelRadius, $fallback--panelRadius); + overflow: hidden; .panel-heading { padding: 0.6em 0em; @@ -147,7 +148,6 @@ padding: 16px 10px 6px 10px; display: flex; max-height: 56px; - overflow: hidden; .avatar { border-radius: $fallback--avatarRadius; @@ -187,6 +187,16 @@ text-overflow: ellipsis; white-space: nowrap; flex: 1 1 0; + // This is so that text doesn't get overlapped by avatar's shadow if it has + // big one + z-index: 1; + + img { + width: 26px; + height: 26px; + vertical-align: middle; + object-fit: contain + } } .user-name{ |