mirror of
https://github.com/Ocelot-Social-Community/Ocelot-Social.git
synced 2025-12-13 07:46:06 +00:00
Add hint translation to plus icon for creating posts
- Position adjustment of the news feed plus icon in hight, because in desktop browsers it intersects the footer. - Added shadow to plus icon on the user page.
This commit is contained in:
parent
6f21926a76
commit
714c658844
@ -34,7 +34,7 @@
|
|||||||
</masonry-grid>
|
</masonry-grid>
|
||||||
<client-only>
|
<client-only>
|
||||||
<ds-button
|
<ds-button
|
||||||
v-tooltip="{ content: 'Create a new Post', placement: 'left', delay: { show: 500 } }"
|
v-tooltip="{ content: $t('contribution.newPost'), placement: 'left', delay: { show: 500 } }"
|
||||||
:path="{ name: 'post-create' }"
|
:path="{ name: 'post-create' }"
|
||||||
class="post-add-button"
|
class="post-add-button"
|
||||||
icon="plus"
|
icon="plus"
|
||||||
@ -208,7 +208,7 @@ export default {
|
|||||||
.post-add-button {
|
.post-add-button {
|
||||||
z-index: 100;
|
z-index: 100;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 98vh;
|
bottom: -5px;
|
||||||
left: 98vw;
|
left: 98vw;
|
||||||
transform: translate(-120%, -120%);
|
transform: translate(-120%, -120%);
|
||||||
box-shadow: $box-shadow-x-large;
|
box-shadow: $box-shadow-x-large;
|
||||||
|
|||||||
@ -206,7 +206,7 @@
|
|||||||
<ds-button
|
<ds-button
|
||||||
v-if="myProfile"
|
v-if="myProfile"
|
||||||
v-tooltip="{
|
v-tooltip="{
|
||||||
content: 'Create a new Post',
|
content: $t('contribution.newPost'),
|
||||||
placement: 'left',
|
placement: 'left',
|
||||||
delay: { show: 500 },
|
delay: { show: 500 },
|
||||||
}"
|
}"
|
||||||
@ -519,4 +519,7 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.profile-post-add-button {
|
||||||
|
box-shadow: $box-shadow-x-large;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user