diff options
| author | Maksim Pechnikov <parallel588@gmail.com> | 2019-10-11 14:07:34 +0300 |
|---|---|---|
| committer | Maksim Pechnikov <parallel588@gmail.com> | 2019-10-11 14:25:59 +0300 |
| commit | b497882e0e15a0118a6e12ffaa84330942ee28f2 (patch) | |
| tree | 1fdb190e79340884c7c4a36cfb30018da2dc500a | |
| parent | 69fb015e9fdbc850f842d4aa5f3ace5df8f83303 (diff) | |
fix position account actions
| -rw-r--r-- | src/components/account_actions/account_actions.vue | 3 | ||||
| -rw-r--r-- | src/components/user_card/user_card.vue | 40 |
2 files changed, 32 insertions, 11 deletions
diff --git a/src/components/account_actions/account_actions.vue b/src/components/account_actions/account_actions.vue index 5633d01e..818e75bc 100644 --- a/src/components/account_actions/account_actions.vue +++ b/src/components/account_actions/account_actions.vue @@ -91,4 +91,7 @@ } } +.account-actions .open { + min-width: 130px; +} </style> diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue index aa071a73..199404fd 100644 --- a/src/components/user_card/user_card.vue +++ b/src/components/user_card/user_card.vue @@ -59,17 +59,22 @@ :title="$t('tool_tip.user_settings')" /> </router-link> - <AccountActions - v-if="loggedIn && isOtherUser" - :user="user" - /> - <a - v-if="isOtherUser && !user.is_local" - :href="user.statusnet_profile_url" - target="_blank" + <div + v-if="isOtherUser" + class="card-actions" > - <i class="icon-link-ext usersettings" /> - </a> + <AccountActions + v-if="loggedIn" + :user="user" + /> + <a + v-if="!user.is_local" + :href="user.statusnet_profile_url" + target="_blank" + > + <i class="icon-link-ext usersettings" /> + </a> + </div> </div> <div class="bottom-line"> @@ -273,7 +278,7 @@ mask: linear-gradient(to top, white, transparent) bottom no-repeat, linear-gradient(to top, white, white); // Autoprefixed seem to ignore this one, and also syntax is different - -webkit-mask-composite: xor; + -webkit-mask-composite: xor; mask-composite: exclude; background-size: cover; mask-size: 100% 60%; @@ -410,6 +415,19 @@ .top-line { display: flex; + .card-actions { + position: relative; + display: flex; + width: 60px; + .account-actions { + position: absolute; + left: 0; + } + a { + position: absolute; + right: 0; + } + } } } |