fix position account actions
This commit is contained in:
parent
69fb015e9f
commit
b497882e0e
2 changed files with 32 additions and 11 deletions
|
@ -91,4 +91,7 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.account-actions .open {
|
||||||
|
min-width: 130px;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -59,17 +59,22 @@
|
||||||
:title="$t('tool_tip.user_settings')"
|
:title="$t('tool_tip.user_settings')"
|
||||||
/>
|
/>
|
||||||
</router-link>
|
</router-link>
|
||||||
<AccountActions
|
<div
|
||||||
v-if="loggedIn && isOtherUser"
|
v-if="isOtherUser"
|
||||||
:user="user"
|
class="card-actions"
|
||||||
/>
|
|
||||||
<a
|
|
||||||
v-if="isOtherUser && !user.is_local"
|
|
||||||
:href="user.statusnet_profile_url"
|
|
||||||
target="_blank"
|
|
||||||
>
|
>
|
||||||
<i class="icon-link-ext usersettings" />
|
<AccountActions
|
||||||
</a>
|
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>
|
||||||
|
|
||||||
<div class="bottom-line">
|
<div class="bottom-line">
|
||||||
|
@ -273,7 +278,7 @@
|
||||||
mask: linear-gradient(to top, white, transparent) bottom no-repeat,
|
mask: linear-gradient(to top, white, transparent) bottom no-repeat,
|
||||||
linear-gradient(to top, white, white);
|
linear-gradient(to top, white, white);
|
||||||
// Autoprefixed seem to ignore this one, and also syntax is different
|
// Autoprefixed seem to ignore this one, and also syntax is different
|
||||||
-webkit-mask-composite: xor;
|
-webkit-mask-composite: xor;
|
||||||
mask-composite: exclude;
|
mask-composite: exclude;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
mask-size: 100% 60%;
|
mask-size: 100% 60%;
|
||||||
|
@ -410,6 +415,19 @@
|
||||||
|
|
||||||
.top-line {
|
.top-line {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
.card-actions {
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
width: 60px;
|
||||||
|
.account-actions {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue