therwi/sunkkoma
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

cleanup. added fallback mechanism for IE11 and unsupported browsers.

Browse source
This commit is contained in:
Henry Jameson 2018-04-01 05:28:20 +03:00
parent aa0564406a
commit acdb5e5c7a
22 changed files with 464 additions and 385 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/components/user_card_content/user_card_content.js
View file

@ -15,11 +15,6 @@ export default {
}
}
},
bodyStyle () {
return {
background: `linear-gradient(to bottom, rgba(0, 0, 0, 0), ${this.$store.state.config.colors.bg} 80%)`
}
},
isOtherUser () {
return this.user.id !== this.$store.state.users.currentUser.id
},

22
src/components/user_card_content/user_card_content.vue
View file

@ -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 {