IT4Change/Ocelot-Social
3
0
Fork 0
mirror of https://github.com/IT4Change/Ocelot-Social.git synced 2025-12-13 07:45:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

Reduce the size of the emotion buttons

Browse Source 
In my browser, the icons are so large that they overlap with the texts
below. I think a less intrusive size does the job equally well.
This commit is contained in:
Robert Schäfer 2019-08-06 22:37:36 +02:00
parent 1c0112e9d8
commit 3eab519760
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
webapp/components/EmotionsButtons/EmotionsButtons.vue
View File

@ -3,14 +3,14 @@
<div v-for="emotion in Object.keys(postsEmotionsCountByEmotion)" :key="emotion">
<ds-flex-item :width="{ lg: '100%' }">
<ds-button size="large" ghost @click="toggleEmotion(emotion)" class="emotions-buttons">
<img :src="iconPath(emotion)" width="53" />
<img :src="iconPath(emotion)" width="40" />
</ds-button>
<ds-space margin-bottom="xx-small" />
<div class="emotions-mobile-space">
<p class="emotions-label">{{ $t(`contribution.emotions-label.${emotion}`) }}</p>
<ds-heading style="display: inline" tag="h3" :key="postsEmotionsCountByEmotion[emotion]">
<ds-text style="display: inline" size="medium" :key="postsEmotionsCountByEmotion[emotion]">
{{ postsEmotionsCountByEmotion[emotion] }}x
</ds-heading>
</ds-text>
{{ $t('contribution.emotions-label.emoted') }}
</div>
</ds-flex-item>