diff options
| author | Henry Jameson <me@hjkos.com> | 2018-04-01 05:28:20 +0300 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2018-04-07 16:36:35 +0300 |
| commit | acdb5e5c7a2dac1908a5daafd94c31bc116a1799 (patch) | |
| tree | 60713d0f6436fbcc0a17a4b4de647ebb884204ce /src/components/user_card_content/user_card_content.vue | |
| parent | aa0564406a95824cc45c815571292716b65806a1 (diff) | |
cleanup. added fallback mechanism for IE11 and unsupported browsers.
Diffstat (limited to 'src/components/user_card_content/user_card_content.vue')
| -rw-r--r-- | src/components/user_card_content/user_card_content.vue | 22 |
1 files changed, 12 insertions, 10 deletions
diff --git a/src/components/user_card_content/user_card_content.vue b/src/components/user_card_content/user_card_content.vue index e3c9b5f9..ca3da632 100644 --- a/src/components/user_card_content/user_card_content.vue +++ b/src/components/user_card_content/user_card_content.vue @@ -70,7 +70,7 @@ </div> </div> </div> - <div class="panel-body profile-panel-body" :style="bodyStyle"> + <div class="panel-body profile-panel-body"> <div class="user-counts"> <div class="user-count"> <a href="#" v-on:click.prevent="setProfileView('statuses')" v-if="switcher"><h5>{{ $t('user_card.statuses') }}</h5></a> @@ -99,19 +99,21 @@ @import '../../_variables.scss'; .profile-panel-background { - background-size: cover; - border-radius: 10px; + background-size: cover; + border-radius: 10px; - .panel-heading { - padding: 0.6em 0em; - text-align: center; - } + .panel-heading { + padding: 0.6em 0em; + text-align: center; + } } .profile-panel-body { - top: -0em; - padding-top: 4em; - word-wrap: break-word; + top: -0em; + padding-top: 4em; + word-wrap: break-word; + background: linear-gradient(to bottom, rgba(0, 0, 0, 0), $fallback--bg 80%); + background: linear-gradient(to bottom, rgba(0, 0, 0, 0), var(--bg, $fallback--bg) 80%) } .user-info { |