ocelot-Social-Community/Ocelot-Social
1
0
Fork 0
mirror of https://github.com/Ocelot-Social-Community/Ocelot-Social.git synced 2025-12-13 07:46:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Use new base-button, rename CSS class

Browse Source
This commit is contained in:
mattwr18 2020-01-16 12:29:28 +01:00
parent 3132ac14a1
commit 6877c9da91
2 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
webapp/assets/_new/icons/svgs/level-down.svg Executable file
View File

@ -0,0 +1,5 @@
<!-- Generated by IcoMoon.io -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<title>level-down</title>
<path d="M5 5h17v19.063l4.281-4.281 1.438 1.438-6 6-0.719 0.688-0.719-0.688-6-6 1.438-1.438 4.281 4.281v-17.063h-15v-2z"></path>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 293 B

13
webapp/components/Comment/Comment.vue
View File

@ -54,14 +54,15 @@
</button> </button>
</div> </div>
<ds-space margin-bottom="small" /> <ds-space margin-bottom="small" />
<ds-button <base-button
:title="this.$t('post.comment.answer')" :title="this.$t('post.comment.answer')"
icon="level-down" icon="level-down"
@click.prevent="reply" @click.prevent="reply"
v-scroll-to="'.editor'" v-scroll-to="'.editor'"
class="answerbutton" circle
class="reply-button"
size="small" size="small"
></ds-button> ></base-button>
</ds-card> </ds-card>
</div> </div>
</template> </template>
@ -75,6 +76,7 @@ import ContentViewer from '~/components/Editor/ContentViewer'
import HcCommentForm from '~/components/CommentForm/CommentForm' import HcCommentForm from '~/components/CommentForm/CommentForm'
import CommentMutations from '~/graphql/CommentMutations' import CommentMutations from '~/graphql/CommentMutations'
import scrollToAnchor from '~/mixins/scrollToAnchor.js' import scrollToAnchor from '~/mixins/scrollToAnchor.js'
import BaseButton from '~/components/_new/generic/BaseButton/BaseButton'
export default { export default {
mixins: [scrollToAnchor], mixins: [scrollToAnchor],
@ -94,6 +96,7 @@ export default {
ContentMenu, ContentMenu,
ContentViewer, ContentViewer,
HcCommentForm, HcCommentForm,
BaseButton,
}, },
props: { props: {
routeHash: { type: String, default: () => '' }, routeHash: { type: String, default: () => '' },
@ -204,11 +207,11 @@ export default {
float: right; float: right;
} }
.answerbutton { .reply-button {
float: right; float: right;
top: 0px; top: 0px;
} }
.answerbutton:after { .reply-button:after {
clear: both; clear: both;
} }