mirror
/
social
kopia lustrzana https://github.com/nextcloud/social
1
0
Forkuj 0
Kod Zgłoszenia Packages Projekty Wydania Wiki Aktywność

Merge pull request #445 from nextcloud/fix/132/emoji-icon_dark-theme 

use mixin to invert emoji picker icon in dark theme
pull/446/head
Julius Härtl 2019-03-01 14:48:30 +01:00 zatwierdzone przez GitHub
rodzic 5034e6d818 2f791f230f
commit f56a66f859
Nie znaleziono w bazie danych klucza dla tego podpisu
ID klucza GPG: 4AEE18F83AFDEB23
4 zmienionych plików z 13 dodań i 5 usunięć
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania Expand all files Collapse all files

1
css/style.scss
Wyświetl plik

@ -1 +1,2 @@
@include icon-black-white('reply', 'social', 1);
@include icon-black-white('emoji', 'social', 1);

7
img/emoji.svg 100644
Wyświetl plik

@ -0,0 +1,7 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" width="68" height="68">
<path d="M34 0C15.3 0 0 15.3 0 34s15.3 34 34 34 34-15.3 34-34S52.7 0 34 0zm0 64C17.5 64 4 50.5 4 34S17.5 4 34 4s30 13.5 30 30-13.5 30-30 30z"/>
<path d="M44.6 44.6c-5.8 5.8-15.4 5.8-21.2 0-.8-.8-2-.8-2.8 0-.8.8-.8 2 0 2.8C24.3 51.1 29.1 53 34 53s9.7-1.9 13.4-5.6c.8-.8.8-2 0-2.8-.8-.8-2-.8-2.8 0z"/>
<circle r="5" cy="26" cx="24"/>
<circle r="5" cy="26" cx="44"/>
</svg>
Side by Side

Po

Szerokość:  |  Wysokość:  |  Rozmiar: 498 B

8
src/components/Composer.vue
Wyświetl plik

@ -53,9 +53,9 @@
</vue-tribute>
<emoji-picker ref="emojiPicker" :search="search" class="emoji-picker-wrapper"
@emoji="insert">
<a slot="emoji-invoker" v-tooltip="'Insert emoji'" slot-scope="{ events }"
class="emoji-invoker" tabindex="0" v-on="events"
@keyup.enter="events.click" @keyup.space="events.click" />
<div slot="emoji-invoker" v-tooltip="'Insert emoji'" slot-scope="{ events }"
class="emoji-invoker" tabindex="0" @keyup.enter="events.click"
@keyup.space="events.click" @click.stop="events.click" />
<!-- eslint-disable-next-line vue/no-template-shadow -->
<div slot="emoji-picker" slot-scope="{ emojis, insert }" class="emoji-picker popovermenu">
<div>
@ -187,7 +187,7 @@
}
.emoji-invoker {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2OCIgaGVpZ2h0PSI2OCI+PHBhdGggZD0iTTM0IDBDMTUuMyAwIDAgMTUuMyAwIDM0czE1LjMgMzQgMzQgMzQgMzQtMTUuMyAzNC0zNFM1Mi43IDAgMzQgMHptMCA2NEMxNy41IDY0IDQgNTAuNSA0IDM0UzE3LjUgNCAzNCA0czMwIDEzLjUgMzAgMzAtMTMuNSAzMC0zMCAzMHoiLz48cGF0aCBkPSJNNDQuNiA0NC42Yy01LjggNS44LTE1LjQgNS44LTIxLjIgMC0uOC0uOC0yLS44LTIuOCAwLS44LjgtLjggMiAwIDIuOEMyNC4zIDUxLjEgMjkuMSA1MyAzNCA1M3M5LjctMS45IDEzLjQtNS42Yy44LS44LjgtMiAwLTIuOC0uOC0uOC0yLS44LTIuOCAweiIvPjxjaXJjbGUgcj0iNSIgY3k9IjI2IiBjeD0iMjQiLz48Y2lyY2xlIHI9IjUiIGN5PSIyNiIgY3g9IjQ0Ii8+PC9zdmc+);
background-image: var(--icon-social-emoji-000);
background-position: center center;
background-repeat: no-repeat;
width: 38px;

2
src/main.js
Wyświetl plik

@ -48,7 +48,7 @@ Vue.prototype.OC = OC
Vue.prototype.OCA = OCA
Vue.directive('ClickOutside', ClickOutside)
Vue.use(VTooltip)
Vue.directive('Tooltip', VTooltip)
Vue.use(contenteditableDirective)
Vue.use(vuetwemoji, {
baseUrl: OC.linkTo('social', 'img/'), // can set to local folder of emojis. default: https://twemoji.maxcdn.com/