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:
Wolfgang Huß 2019-09-16 10:20:36 +02:00
parent 6f21926a76
commit 714c658844
2 changed files with 6 additions and 3 deletions

View File

@ -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;

View File

@ -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>