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

fixed the UI

Browse source
This commit is contained in:
Henry Jameson 2018-06-19 17:01:45 +03:00
parent 8ccebbe156
commit 398eaaf79b
14 changed files with 61 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -10,9 +10,11 @@
</a>
<div class="floater" v-if="switcher || isOtherUser">
<!-- id's need to be unique, otherwise vue confuses which user-card checkbox belongs to -->
<input type="color" :id="'userHighlightColor'+user.id" v-if="userHighlightEnabled" v-model="userHighlightColor"/>
<input type="checkbox" class="button" :id="'userHighlightCheck'+user.id" v-model="userHighlightEnabled">
<label :title="$t('settings.highlight')" :for="'userHighlightCheck'+user.id"></label>
<input class="userHighlightCl" type="color" :id="'userHighlightColor'+user.id" v-if="userHighlightEnabled" v-model="userHighlightColor"/>
<input type="checkbox" class="userHighlightChk" :id="'userHighlightCheck'+user.id" v-model="userHighlightEnabled">
<label :title="$t('settings.highlight')" :for="'userHighlightCheck'+user.id">
<i class="icon-brush"></i>
</label>
</div>
<div class='container'>
<router-link :to="{ name: 'user-profile', params: { id: user.id } }">
@ -287,5 +289,17 @@
.floater {
float: right;
margin-top: 16px;
.userHighlightCl {
padding: 2px 10px;
height: 22px;
vertical-align: top;
margin-right: 0
}
.userHighlightChk + label::before {
vertical-align: top;
margin-right: 0
}
}
</style>