mirror of
https://github.com/FrankerFaceZ/FrankerFaceZ.git
synced 2025-06-27 21:05:53 +00:00
4.0.0-rc14.2
* Added: Social media buttons to the FFZ Control Center. * Fixed: Check boxes in settings UI. * Fixed: Use word wrap for usernames in grouped mass gift sub messages. * Fixed: Bug with tab completion breaking chat if Twitch's tab completion handler returns null.
This commit is contained in:
SirStendec
parent
e9d99f0e1c
commit
d1cd145b8a
19 changed files with 197 additions and 47 deletions
Binary file not shown.
|
|
@ -1,7 +1,7 @@
|
|||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg xmlns="http://www.w3.org/2000/svg">
|
||||
<metadata>Copyright (C) 2018 by original authors @ fontello.com</metadata>
|
||||
<metadata>Copyright (C) 2019 by original authors @ fontello.com</metadata>
|
||||
<defs>
|
||||
<font id="ffz-fontello" horiz-adv-x="1000" >
|
||||
<font-face font-family="ffz-fontello" font-weight="400" font-stretch="normal" units-per-em="1000" ascent="850" descent="-150" />
|
||||
|
|
@ -86,18 +86,22 @@
|
|||
|
||||
<glyph glyph-name="gift" unicode="" d="M518 93v400h-179v-400q0-14 10-21t26-8h107q16 0 26 8t10 21z m-255 471h109l-70 90q-15 17-39 17-22 0-38-15t-15-38 15-38 38-16z m384 54q0 22-15 38t-38 15q-24 0-39-17l-69-90h108q22 0 38 16t15 38z m210-143v-179q0-7-5-12t-13-5h-53v-233q0-22-16-37t-38-16h-607q-22 0-38 16t-16 37v233h-53q-8 0-13 5t-5 12v179q0 8 5 13t13 5h245q-51 0-88 36t-37 89 37 88 88 37q60 0 94-43l72-92 71 92q34 43 94 43 52 0 88-37t37-88-37-89-88-36h245q8 0 13-5t5-13z" horiz-adv-x="857.1" />
|
||||
|
||||
<glyph glyph-name="views" unicode="" d="M688 38h-375l-250 250v62 63l250 250h375l250-250v-63-62l-250-250z m-188 500c-103 0-187-84-187-188 0-103 84-187 187-187 104 0 188 84 188 187 0 104-84 188-188 188z m0-250c-35 0-62 28-62 62s27 63 62 63 63-28 63-63-28-62-63-62z" horiz-adv-x="1000" />
|
||||
<glyph glyph-name="discord" unicode="" d="M435 417c-24 0-42-21-42-46s19-46 42-46c24 0 43 20 43 46 0 25-19 46-43 46z m152 0c-24 0-42-21-42-46s19-46 42-46c24 0 43 20 43 46s-19 46-43 46z m203 350h-559c-47 0-85-39-85-86v-563c0-48 38-86 85-86h473l-22 77 53-50 50-46 90-80v748c0 47-38 86-85 86z m-161-544s-15 17-28 33c55 16 76 50 76 50-17-11-34-19-48-25-21-8-41-14-61-18-40-7-76-5-108 1-23 4-44 11-61 18-9 3-20 8-30 14-1 1-3 1-4 2-1 0-1 1-2 1-7 4-11 7-11 7s20-33 73-49c-13-16-28-34-28-34-92 2-127 63-127 63 0 134 60 243 60 243 60 45 117 44 117 44l4-5c-75-22-110-55-110-55s9 5 25 12c44 20 80 25 94 26 3 1 5 1 8 1 25 3 54 4 84 1 39-5 82-16 125-40 0 0-33 31-104 53l6 7s57 1 117-44c0 0 60-109 60-243 0 0-35-61-127-63z" horiz-adv-x="1021" />
|
||||
|
||||
<glyph glyph-name="eye" unicode="" d="M929 314q-85 132-213 197 34-58 34-125 0-103-73-177t-177-73-177 73-73 177q0 67 34 125-128-65-213-197 75-114 187-182t242-68 243 68 186 182z m-402 215q0 11-8 19t-19 7q-70 0-120-50t-50-119q0-11 8-19t19-8 19 8 8 19q0 48 34 82t82 34q11 0 19 8t8 19z m473-215q0-19-11-38-78-129-210-206t-279-77-279 77-210 206q-11 19-11 38t11 39q78 128 210 205t279 78 279-78 210-205q11-20 11-39z" horiz-adv-x="1000" />
|
||||
|
||||
<glyph glyph-name="eye-off" unicode="" d="M310 105l43 79q-48 35-76 88t-27 114q0 67 34 125-128-65-213-197 94-144 239-209z m217 424q0 11-8 19t-19 7q-70 0-120-50t-50-119q0-11 8-19t19-8 19 8 8 19q0 48 34 82t82 34q11 0 19 8t8 19z m202 106q0-4 0-5-59-105-176-316t-176-316l-28-50q-5-9-15-9-7 0-75 39-9 6-9 16 0 7 25 49-80 36-147 96t-117 137q-11 17-11 38t11 39q86 131 212 207t277 76q50 0 100-10l31 54q5 9 15 9 3 0 10-3t18-9 18-10 18-10 10-7q9-5 9-15z m21-249q0-78-44-142t-117-91l157 280q4-25 4-47z m250-72q0-19-11-38-22-36-61-81-84-96-194-149t-234-53l41 74q119 10 219 76t169 171q-65 100-158 164l35 63q53-36 102-85t81-103q11-19 11-39z" horiz-adv-x="1000" />
|
||||
|
||||
<glyph glyph-name="conversations" unicode="" d="M155 556a77 77 0 0 0 76 63h1077a77 77 0 0 0 76-63l1 1v-630a77 77 0 0 0-77-77h-792l-296-296a39 39 0 0 0-66 27v976l1-1z" horiz-adv-x="1000" />
|
||||
<glyph glyph-name="views" unicode="" d="M688 38h-375l-250 250v62 63l250 250h375l250-250v-63-62l-250-250z m-188 500c-103 0-187-84-187-188 0-103 84-187 187-187 104 0 188 84 188 187 0 104-84 188-188 188z m0-250c-35 0-62 28-62 62s27 63 62 63 63-28 63-63-28-62-63-62z" horiz-adv-x="1000" />
|
||||
|
||||
<glyph glyph-name="conversations" unicode="" d="M155 556a77 77 0 0 0 76 63h1077a77 77 0 0 0 76-63l1 1v-630a77 77 0 0 0-77-77h-792l-296-296a39 39 0 0 0-66 27v976l1-1z" horiz-adv-x="1000" />
|
||||
|
||||
<glyph glyph-name="link-ext" unicode="" d="M786 332v-178q0-67-47-114t-114-47h-464q-67 0-114 47t-47 114v464q0 66 47 113t114 48h393q7 0 12-5t5-13v-36q0-8-5-13t-12-5h-393q-37 0-63-26t-27-63v-464q0-37 27-63t63-27h464q37 0 63 27t26 63v178q0 8 5 13t13 5h36q8 0 13-5t5-13z m214 482v-285q0-15-11-25t-25-11-25 11l-98 98-364-364q-5-6-13-6t-12 6l-64 64q-6 5-6 12t6 13l364 364-98 98q-11 11-11 25t11 25 25 11h285q15 0 25-11t11-25z" horiz-adv-x="1000" />
|
||||
|
||||
<glyph glyph-name="twitter" unicode="" d="M904 622q-37-54-90-93 0-8 0-23 0-73-21-145t-64-139-103-117-144-82-181-30q-151 0-276 81 19-2 43-2 126 0 224 77-59 1-105 36t-64 89q19-3 34-3 24 0 48 6-63 13-104 62t-41 115v2q38-21 82-23-37 25-59 64t-22 86q0 49 25 91 68-83 164-133t208-55q-5 21-5 41 0 75 53 127t127 53q79 0 132-57 61 12 115 44-21-64-80-100 52 6 104 28z" horiz-adv-x="928.6" />
|
||||
|
||||
<glyph glyph-name="github-circled" unicode="" d="M429 779q116 0 215-58t156-156 57-215q0-140-82-252t-211-155q-15-3-22 4t-7 17q0 1 0 43t0 75q0 54-29 79 32 3 57 10t53 22 45 37 30 58 11 84q0 67-44 115 21 51-4 114-16 5-46-6t-51-25l-21-13q-52 15-107 15t-108-15q-8 6-23 15t-47 22-47 7q-25-63-5-114-44-48-44-115 0-47 12-83t29-59 45-37 52-22 57-10q-21-20-27-58-12-5-25-8t-32-3-36 12-31 35q-11 18-27 29t-28 14l-11 1q-12 0-16-2t-3-7 5-8 7-6l4-3q12-6 24-21t18-29l6-13q7-21 24-34t37-17 39-3 31 1l13 3q0-22 0-50t1-30q0-10-8-17t-22-4q-129 43-211 155t-82 252q0 117 58 215t155 156 216 58z m-267-616q2 4-3 7-6 1-8-1-1-4 4-7 5-3 7 1z m18-19q4 3-1 9-6 5-9 2-4-3 1-9 5-6 9-2z m16-25q6 4 0 11-4 7-9 3-5-3 0-10t9-4z m24-23q4 4-2 10-7 7-11 2-5-5 2-11 6-6 11-1z m32-14q1 6-8 9-8 2-10-4t7-9q8-3 11 4z m35-3q0 7-10 6-9 0-9-6 0-7 10-6 9 0 9 6z m32 5q-1 7-10 5-9-1-8-8t10-4 8 7z" horiz-adv-x="857.1" />
|
||||
|
||||
<glyph glyph-name="gauge" unicode="" d="M214 207q0 30-21 51t-50 21-51-21-21-51 21-50 51-21 50 21 21 50z m107 250q0 30-20 51t-51 21-50-21-21-51 21-50 50-21 51 21 20 50z m239-268l57 213q3 14-5 27t-21 16-27-3-17-22l-56-213q-33-3-60-25t-35-55q-11-43 11-81t66-50 81 11 50 66q9 33-4 65t-40 51z m369 18q0 30-21 51t-51 21-50-21-21-51 21-50 50-21 51 21 21 50z m-358 357q0 30-20 51t-51 21-50-21-21-51 21-50 50-21 51 21 20 50z m250-107q0 30-20 51t-51 21-50-21-21-51 21-50 50-21 51 21 20 50z m179-250q0-145-79-269-10-17-30-17h-782q-20 0-30 17-79 123-79 269 0 102 40 194t106 160 160 107 194 39 194-39 160-107 106-160 40-194z" horiz-adv-x="1000" />
|
||||
|
||||
<glyph glyph-name="download-cloud" unicode="" d="M714 332q0 8-5 13t-13 5h-125v196q0 8-5 13t-12 5h-108q-7 0-12-5t-5-13v-196h-125q-8 0-13-5t-5-13q0-8 5-13l196-196q5-5 13-5t13 5l196 196q5 6 5 13z m357-125q0-89-62-151t-152-63h-607q-103 0-177 73t-73 177q0 72 39 134t105 92q-1 17-1 24 0 118 84 202t202 84q87 0 159-49t105-129q40 35 93 35 59 0 101-42t42-101q0-43-23-77 72-17 119-76t46-133z" horiz-adv-x="1071.4" />
|
||||
|
|
@ -118,6 +122,8 @@
|
|||
|
||||
<glyph glyph-name="eyedropper" unicode="" d="M948 798q52-53 52-127t-52-126l-126-124 58-58q6-6 6-13t-6-13l-117-117q-6-6-13-6t-13 6l-58 59-337-337q-21-21-50-21h-113l-143-71-36 36 71 143v113q0 29 21 50l337 337-59 58q-6 6-6 13t6 13l117 117q6 6 13 6t13-6l58-58 124 126q52 52 126 52t127-52z m-662-769l321 321-107 107-321-321v-107h107z" horiz-adv-x="1000" />
|
||||
|
||||
<glyph glyph-name="user-secret" unicode="" d="M321-7l54 250-54 71-71 36z m143 0l72 357-72-36-53-71z m90 564q-1 2-3 3-5 4-53 4-39 0-93-10-4-1-12-1t-12 1q-54 10-93 10-48 0-54-4-1-1-2-3 1-11 2-16 2-1 5-3t4-6q1-2 4-11t4-12 4-9 5-10 5-8 7-7 7-6 10-4 12-2 13-1q20 0 33 7t18 16 8 20 7 16 10 7h6q6 0 10-7t6-16 9-20 18-16 33-7q7 0 13 1t12 2 9 4 8 6 7 7 5 8 5 10 4 9 4 12 4 11q1 4 4 6t4 3q2 5 3 16z m232-491q0-68-41-106t-108-39h-488q-67 0-108 39t-41 106q0 34 3 66t10 70 21 69 36 58 52 41l-51 123h120q-12 36-12 71 0 7 1 18-109 23-109 54 0 32 118 55 9 35 28 75t40 63q18 21 42 21 17 0 47-17t47-18 47 18 47 17q24 0 42-21 20-23 39-63t29-75q117-23 117-55 0-31-108-54 4-45-11-89h119l-45-126q35-18 60-54t36-80 16-84 5-83z" horiz-adv-x="857.1" />
|
||||
|
||||
<glyph glyph-name="window-maximize" unicode="" d="M143 64h714v429h-714v-429z m857 625v-678q0-37-26-63t-63-27h-822q-36 0-63 27t-26 63v678q0 37 26 63t63 27h822q37 0 63-27t26-63z" horiz-adv-x="1000" />
|
||||
|
||||
<glyph glyph-name="window-minimize" unicode="" d="M1000 118v-107q0-37-26-63t-63-27h-822q-36 0-63 27t-26 63v107q0 37 26 63t63 26h822q37 0 63-26t26-63z" horiz-adv-x="1000" />
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 25 KiB After Width: | Height: | Size: 27 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
|
@ -149,7 +149,7 @@ ${typeof x[1] === 'string' ? x[1] : JSON.stringify(x[1], null, 4)}`
|
|||
FrankerFaceZ.Logger = Logger;
|
||||
|
||||
const VER = FrankerFaceZ.version_info = {
|
||||
major: 4, minor: 0, revision: 0, extra: '-rc14.1',
|
||||
major: 4, minor: 0, revision: 0, extra: '-rc14.2',
|
||||
commit: __git_commit__,
|
||||
build: __webpack_hash__,
|
||||
toString: () =>
|
||||
|
|
|
|||
|
|
@ -70,7 +70,36 @@ const FFZ_ICONS = [
|
|||
'clock',
|
||||
'eye',
|
||||
'eye-off',
|
||||
'trash'
|
||||
'trash',
|
||||
'discord',
|
||||
'star',
|
||||
'star-empty',
|
||||
'twitch',
|
||||
'twitter',
|
||||
'download',
|
||||
'upload',
|
||||
'download-cloud',
|
||||
'upload-cloud',
|
||||
'tag',
|
||||
'tags',
|
||||
'retweet',
|
||||
'thumbs-up',
|
||||
'thumbs-down',
|
||||
'bell',
|
||||
'bell-off',
|
||||
'pencil',
|
||||
'info',
|
||||
'help',
|
||||
'calendar',
|
||||
'lock',
|
||||
'lock-open',
|
||||
'arrows-cw',
|
||||
'pin',
|
||||
'pin-outline',
|
||||
'gift',
|
||||
'eyedropper',
|
||||
'github',
|
||||
'user-secret'
|
||||
];
|
||||
|
||||
const FFZ_ALIASES = {
|
||||
|
|
|
|||
|
|
@ -35,7 +35,7 @@
|
|||
v-for="i in sort(sec.badges)"
|
||||
:key="i.id"
|
||||
:class="{default: badgeDefault(i.id)}"
|
||||
class="ffz--badge-info tw-pd-y-1 tw-pd-r-1 tw-flex"
|
||||
class="ffz--badge-info tw-pd-y-1 tw-pd-r-1 tw-flex tw-checkbox"
|
||||
>
|
||||
<input
|
||||
:checked="badgeChecked(i.id)"
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@
|
|||
<div class="tw-flex tw-align-items-center ffz--inline">
|
||||
{{ t('setting.actions.preview', 'Preview:') }}
|
||||
|
||||
<div class="tw-pd-x-1">
|
||||
<div class="tw-pd-x-1 tw-checkbox">
|
||||
<input
|
||||
id="as_mod"
|
||||
ref="as_mod"
|
||||
|
|
@ -27,7 +27,7 @@
|
|||
</label>
|
||||
</div>
|
||||
|
||||
<div v-if="item.inline" class="tw-pd-x-1">
|
||||
<div v-if="item.inline" class="tw-pd-x-1 tw-checkbox">
|
||||
<input
|
||||
id="is_deleted"
|
||||
ref="is_deleted"
|
||||
|
|
@ -42,7 +42,7 @@
|
|||
</label>
|
||||
</div>
|
||||
|
||||
<div v-if="item.inline" class="tw-pd-x-1">
|
||||
<div v-if="item.inline" class="tw-pd-x-1 tw-checkbox">
|
||||
<input
|
||||
id="with_mod_icons"
|
||||
ref="with_mod_icons"
|
||||
|
|
@ -57,7 +57,7 @@
|
|||
</label>
|
||||
</div>
|
||||
|
||||
<div class="tw-pd-x-1">
|
||||
<div class="tw-pd-x-1 tw-checkbox">
|
||||
<input
|
||||
id="show_all"
|
||||
ref="show_all"
|
||||
|
|
|
|||
|
|
@ -53,6 +53,42 @@
|
|||
|
||||
</div>
|
||||
<div class="tw-mg-l-1 tw-flex-shrink-0 tweet-column">
|
||||
<div class="tw-flex tw-mg-b-1">
|
||||
<a
|
||||
:data-title="t('home.website', 'FrankerFaceZ Website')"
|
||||
class="tw-flex-grow-1 tw-button ffz-tooltip ffz--ffz-button tw-mg-r-1"
|
||||
href="https://www.frankerfacez.com/"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
>
|
||||
<span class="tw-button__icon tw-pd-05">
|
||||
<figure class="ffz-i-zreknarf tw-font-size-3" />
|
||||
</span>
|
||||
</a>
|
||||
<a
|
||||
:data-title="t('home.discord', 'Discord')"
|
||||
class="tw-flex-grow-1 tw-button ffz-tooltip ffz--discord-button tw-mg-r-1"
|
||||
href="https://discord.gg/UrAkGhT"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
<span class="tw-button__icon tw-pd-05-1">
|
||||
<figure class="ffz-i-discord tw-font-size-3" />
|
||||
</span>
|
||||
</a>
|
||||
<a
|
||||
:data-title="t('home.twitter', 'Twitter')"
|
||||
class="tw-flex-grow-1 tw-button ffz-tooltip ffz--twitter-button"
|
||||
href="https://twitter.com/frankerfacez"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
<span class="tw-button__icon tw-pd-05">
|
||||
<figure class="ffz-i-twitter tw-font-size-3" />
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<a class="twitter-timeline" data-width="300" data-theme="dark" href="https://twitter.com/FrankerFaceZ?ref_src=twsrc%5Etfw">
|
||||
Tweets by FrankerFaceZ
|
||||
</a>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
:class="{inherits: isInherited, default: isDefault}"
|
||||
class="ffz--widget ffz--checkbox"
|
||||
>
|
||||
<div class="tw-flex tw-align-items-center">
|
||||
<div class="tw-flex tw-align-items-center tw-checkbox">
|
||||
<input
|
||||
ref="control"
|
||||
:id="item.full_key"
|
||||
|
|
@ -27,12 +27,14 @@
|
|||
</span>
|
||||
</button>
|
||||
|
||||
<button v-if="has_value" class="tw-mg-l-05 tw-button tw-button--text tw-tooltip-wrapper" @click="clear">
|
||||
<span class="tw-button__text ffz-i-cancel" />
|
||||
<div class="tw-tooltip tw-tooltip--down tw-tooltip--align-right">
|
||||
{{ t('setting.reset', 'Reset to Default') }}
|
||||
</div>
|
||||
</button>
|
||||
<div class="ffz--reset-button">
|
||||
<button v-if="has_value" class="tw-mg-l-05 tw-button tw-button--text tw-tooltip-wrapper" @click="clear">
|
||||
<span class="tw-button__text ffz-i-cancel" />
|
||||
<div class="tw-tooltip tw-tooltip--down tw-tooltip--align-right">
|
||||
{{ t('setting.reset', 'Reset to Default') }}
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<section
|
||||
v-if="item.description"
|
||||
|
|
|
|||
|
|
@ -425,7 +425,7 @@ export default class ChatLine extends Module {
|
|||
|
||||
the_list.push(e('span', {
|
||||
role: 'button',
|
||||
className: 'chatter-name',
|
||||
className: 'ffz--giftee-name',
|
||||
onClick: this.ffz_user_click_handler,
|
||||
'data-user': JSON.stringify(x)
|
||||
}, e('span', {
|
||||
|
|
@ -453,7 +453,7 @@ export default class ChatLine extends Module {
|
|||
sub_msg
|
||||
]),
|
||||
mystery ? e('div', {
|
||||
className: 'tw-mg-l-05 tw-border-l tw-pd-l-05 ffz--sub-expando'
|
||||
className: 'tw-pd-l-05 tw-font-size-4'
|
||||
}, e('figure', {
|
||||
className: `ffz-i-${this.state.ffz_expanded ? 'down' : 'right'}-dir tw-pd-y-1`
|
||||
})) : null
|
||||
|
|
|
|||
|
|
@ -115,31 +115,38 @@ export default class TabCompletion extends Module {
|
|||
inst.getMatchedEmotes = function(input) {
|
||||
let results = old_get_matched.call(this, input);
|
||||
|
||||
if ( t.chat.context.get('chat.tab-complete.ffz-emotes') )
|
||||
results = results.concat(t.getEmoteSuggestions(input, this));
|
||||
if ( t.chat.context.get('chat.tab-complete.ffz-emotes') ) {
|
||||
const ffz_emotes = t.getEmoteSuggestions(input, this);
|
||||
if ( Array.isArray(ffz_emotes) && ffz_emotes.length )
|
||||
results = Array.isArray(results) ? results.concat(ffz_emotes) : ffz_emotes;
|
||||
}
|
||||
|
||||
if ( ! t.chat.context.get('chat.tab-complete.emoji') )
|
||||
return results;
|
||||
|
||||
return results.concat(t.getEmojiSuggestions(input, this));
|
||||
const emoji = t.getEmojiSuggestions(input, this);
|
||||
if ( Array.isArray(emoji) && emoji.length )
|
||||
results = Array.isArray(results) ? results.concat(emoji) : emoji;
|
||||
|
||||
return results;
|
||||
}
|
||||
|
||||
const React = this.web_munch.getModule('react'),
|
||||
createElement = React && React.createElement;
|
||||
|
||||
inst.renderFFZEmojiSuggestion = function(data) {
|
||||
return [
|
||||
return (<React.Fragment>
|
||||
<div class="tw-pd-r-05">
|
||||
<img
|
||||
class="emote-autocomplete-provider__image ffz-emoji"
|
||||
src={data.src}
|
||||
srcSet={data.srcset}
|
||||
/>
|
||||
</div>,
|
||||
</div>
|
||||
<div>
|
||||
{data.token}
|
||||
</div>
|
||||
]
|
||||
</React.Fragment>);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -66,7 +66,7 @@
|
|||
<div class="simplebar-content">
|
||||
<div class="tw-pd-1">
|
||||
<div class="ffz--widget ffz--checkbox">
|
||||
<div class="tw-flex tw-align-items-center">
|
||||
<div class="tw-flex tw-align-items-center tw-checkbox">
|
||||
<input
|
||||
id="autoHostSettings:enabled"
|
||||
:checked="autoHostSettings.enabled"
|
||||
|
|
@ -85,7 +85,7 @@
|
|||
</section>
|
||||
</div>
|
||||
<div class="ffz--widget ffz--checkbox">
|
||||
<div class="tw-flex tw-align-items-center">
|
||||
<div class="tw-flex tw-align-items-center tw-checkbox">
|
||||
<input
|
||||
id="autoHostSettings:team_host"
|
||||
:checked="autoHostSettings.team_host"
|
||||
|
|
@ -105,7 +105,7 @@
|
|||
</section>
|
||||
</div>
|
||||
<div class="ffz--widget ffz--checkbox">
|
||||
<div class="tw-flex tw-align-items-center">
|
||||
<div class="tw-flex tw-align-items-center tw-checkbox">
|
||||
<input
|
||||
id="autoHostSettings:vodcast_hosting"
|
||||
:checked="!autoHostSettings.deprioritize_vodcast"
|
||||
|
|
@ -124,7 +124,7 @@
|
|||
</section>
|
||||
</div>
|
||||
<div class="ffz--widget ffz--checkbox">
|
||||
<div class="tw-flex tw-align-items-center">
|
||||
<div class="tw-flex tw-align-items-center tw-checkbox">
|
||||
<input
|
||||
id="autoHostSettings:recommended_host"
|
||||
:checked="autoHostSettings.recommended_host"
|
||||
|
|
@ -142,7 +142,7 @@
|
|||
</section>
|
||||
</div>
|
||||
<div class="ffz--widget ffz--checkbox">
|
||||
<div class="tw-flex tw-align-items-center">
|
||||
<div class="tw-flex tw-align-items-center tw-checkbox">
|
||||
<input
|
||||
id="autoHostSettings:strategy"
|
||||
:checked="autoHostSettings.strategy === 'random'"
|
||||
|
|
|
|||
|
|
@ -12,11 +12,6 @@
|
|||
pointer-events: none;
|
||||
}
|
||||
|
||||
.ffz--sub-expando {
|
||||
font-size: 150%;
|
||||
margin-right: -.5rem;
|
||||
}
|
||||
|
||||
.chat-list__lines .simplebar-scrollbar {
|
||||
will-change: opacity;
|
||||
}
|
||||
|
|
@ -128,7 +123,17 @@
|
|||
}
|
||||
|
||||
|
||||
.chat-line__username:hover {
|
||||
.ffz--giftee-name {
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
.chat-line__username:hover,
|
||||
.chatter-name:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -55,11 +55,23 @@
|
|||
margin: .5rem .05rem 0;
|
||||
}
|
||||
|
||||
.tw-button__icon {
|
||||
.ffz-i-crown:before {
|
||||
font-size: 1.6rem;
|
||||
vertical-align: middle;
|
||||
margin-bottom: -.6rem;
|
||||
}
|
||||
|
||||
.tw-button__icon .ffz-i-crown:before {
|
||||
font-size: 1.6rem;
|
||||
vertical-align: middle;
|
||||
margin-bottom: -.6rem;
|
||||
.ffz-i-zreknarf:before {
|
||||
vertical-align: middle;
|
||||
margin-bottom: -0.1em;
|
||||
}
|
||||
|
||||
.ffz-i-discord:before,
|
||||
.ffz-i-twitter:before {
|
||||
vertical-align: middle;
|
||||
margin-bottom: -0.3em;
|
||||
}
|
||||
}
|
||||
|
||||
.ffz-i-cancel:before { content: '\e800'; } /* '' */
|
||||
|
|
@ -102,12 +114,14 @@
|
|||
.ffz-i-pin:before { content: '\e825'; } /* '' */
|
||||
.ffz-i-pin-outline:before { content: '\e826'; } /* '' */
|
||||
.ffz-i-gift:before { content: '\e827'; } /* '' */
|
||||
.ffz-i-views:before { content: '\e828'; } /* '' */
|
||||
.ffz-i-discord:before { content: '\e828'; } /* '' */
|
||||
.ffz-i-eye:before { content: '\e829'; } /* '' */
|
||||
.ffz-i-eye-off:before { content: '\e82a'; } /* '' */
|
||||
.ffz-i-conversations:before { content: '\e82b'; } /* '' */
|
||||
.ffz-i-views:before { content: '\e82b'; } /* '' */
|
||||
.ffz-i-conversations:before { content: '\e82c'; } /* '' */
|
||||
.ffz-i-link-ext:before { content: '\f08e'; } /* '' */
|
||||
.ffz-i-twitter:before { content: '\f099'; } /* '' */
|
||||
.ffz-i-github:before { content: '\f09b'; } /* '' */
|
||||
.ffz-i-gauge:before { content: '\f0e4'; } /* '' */
|
||||
.ffz-i-download-cloud:before { content: '\f0ed'; } /* '' */
|
||||
.ffz-i-upload-cloud:before { content: '\f0ee'; } /* '' */
|
||||
|
|
@ -118,6 +132,7 @@
|
|||
.ffz-i-bell-off:before { content: '\f1f7'; } /* '' */
|
||||
.ffz-i-trash:before { content: '\f1f8'; } /* '' */
|
||||
.ffz-i-eyedropper:before { content: '\f1fb'; } /* '' */
|
||||
.ffz-i-user-secret:before { content: '\f21b'; } /* '' */
|
||||
.ffz-i-window-maximize:before { content: '\f2d0'; } /* '' */
|
||||
.ffz-i-window-minimize:before { content: '\f2d1'; } /* '' */
|
||||
.ffz-i-window-restore:before { content: '\f2d2'; } /* '' */
|
||||
|
|
|
|||
|
|
@ -40,6 +40,14 @@
|
|||
min-width: unset;
|
||||
}
|
||||
|
||||
.ffz--reset-button {
|
||||
height: 2.6rem;
|
||||
|
||||
.tw-button__text {
|
||||
padding: 0.1rem 0.4rem !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.ffz-color-preview {
|
||||
margin: 1px;
|
||||
|
|
@ -164,6 +172,48 @@
|
|||
}
|
||||
}
|
||||
|
||||
.ffz--discord-button {
|
||||
border: 0 !important;
|
||||
background-color: #7289DA !important;
|
||||
color: #fff !important;
|
||||
|
||||
> * {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
&:hover, &:focus {
|
||||
background-color: #546bbf !important;
|
||||
}
|
||||
}
|
||||
|
||||
.ffz--ffz-button {
|
||||
border: 0 !important;
|
||||
background-color: #463954 !important;
|
||||
color: #fff !important;
|
||||
|
||||
> * {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
&:hover, &:focus {
|
||||
background-color: #594370 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.ffz--twitter-button {
|
||||
border: 0 !important;
|
||||
background-color: #1da1f2 !important;
|
||||
color: #fff !important;
|
||||
|
||||
> * {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
&:hover, &:focus {
|
||||
background-color: #2b96d9 !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.ffz--changelog {
|
||||
ul, p {
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@
|
|||
|
||||
.tw-checkbox__input:checked+.tw-checkbox__label:after,
|
||||
label:before, label:after {
|
||||
top: 1.05rem;
|
||||
top: 1.05rem !important;
|
||||
}
|
||||
|
||||
.ffz-badge.preview-image {
|
||||
|
|
|
|||
|
|
@ -8,6 +8,10 @@
|
|||
margin-bottom: $spacing;
|
||||
}
|
||||
|
||||
& > div {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
|
||||
& > header {
|
||||
position: absolute;
|
||||
top: 0; left: $spacing - 0.5rem;
|
||||
|
|
@ -19,9 +23,5 @@
|
|||
.tw-root--theme-dark & {
|
||||
background-color: $bg-dark;
|
||||
}
|
||||
|
||||
& + * {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue