graphite/Sharkey
1
0
Fork 0
mirror of https://git.joinsharkey.org/Sharkey/Sharkey.git synced 2024-11-27 12:43:15 +02:00
Code Issues Projects Releases Packages Wiki Activity

Added CSS variables for background of reactions-viewer

Browse source
This commit is contained in:
sei0o 2018-10-06 22:14:30 +09:00
parent fff307d4bb
commit 5cf1956135
3 changed files with 7 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/client/app/common/views/components/reactions-viewer.vue
View file

@ -48,14 +48,16 @@ export default Vue.extend({
> span > span
margin-right 6px margin-right 6px
padding 6px 6px 6px 4px padding 6px 6px 6px 4px
border solid 1px var(--reactionViewerButtonBorder)
border-radius 3px border-radius 3px
&.notReacted &.notReacted
cursor pointer cursor pointer
border solid 1px var(--reactionViewerButtonBorder)
background-color var(--reactionViewerButtonBg)
&:hover &:hover
border solid 1px var(--reactionViewerButtonHoverBorder) border solid 1px var(--reactionViewerButtonHoverBorder)
background-color var(--reactionViewerButtonHoverBg)
> .mk-reaction-icon > .mk-reaction-icon
font-size 1.4em font-size 1.4em

2
src/client/theme/dark.json5
View file

@ -83,6 +83,8 @@
reactionPickerButtonHoverBg: 'rgba(255, 255, 255, 0.18)', reactionPickerButtonHoverBg: 'rgba(255, 255, 255, 0.18)',
reactionViewerButtonBg: 'rgba(0, 0, 0, 0)',
reactionViewerButtonHoverBg: 'rgba(0, 0, 0, 0)',
reactionViewerButtonBorder: 'rgba(255, 255, 255, 0.1)', reactionViewerButtonBorder: 'rgba(255, 255, 255, 0.1)',
reactionViewerButtonHoverBorder: 'rgba(255, 255, 255, 0.2)', reactionViewerButtonHoverBorder: 'rgba(255, 255, 255, 0.2)',

2
src/client/theme/light.json5
View file

@ -83,6 +83,8 @@
reactionPickerButtonHoverBg: '#eee', reactionPickerButtonHoverBg: '#eee',
reactionViewerButtonBg: 'rgba(0, 0, 0, 0)',
reactionViewerButtonHoverBg: 'rgba(0, 0, 0, 0)',
reactionViewerButtonBorder: 'rgba(0, 0, 0, 0.1)', reactionViewerButtonBorder: 'rgba(0, 0, 0, 0.1)',
reactionViewerButtonHoverBorder: 'rgba(0, 0, 0, 0.2)', reactionViewerButtonHoverBorder: 'rgba(0, 0, 0, 0.2)',