diff options
| author | Henry Jameson <me@hjkos.com> | 2018-06-19 17:01:45 +0300 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2018-07-06 20:12:09 +0300 |
| commit | 398eaaf79be1fa5274480e5076a54f82ce35ec5a (patch) | |
| tree | 89224a6f76275721e89f2a0d49083b26382f4e32 /src/components/user_card_content/user_card_content.vue | |
| parent | 8ccebbe1564fe76b376eee83ad985b934edcbfa9 (diff) | |
fixed the UI
Diffstat (limited to 'src/components/user_card_content/user_card_content.vue')
| -rw-r--r-- | src/components/user_card_content/user_card_content.vue | 20 |
1 files changed, 17 insertions, 3 deletions
diff --git a/src/components/user_card_content/user_card_content.vue b/src/components/user_card_content/user_card_content.vue index c7a270f1..36aa11ab 100644 --- a/src/components/user_card_content/user_card_content.vue +++ b/src/components/user_card_content/user_card_content.vue @@ -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> |