oss/FrankerFaceZ
oss/FrankerFaceZ
1
0
Fork 0
mirror of https://github.com/FrankerFaceZ/FrankerFaceZ.git synced 2025-10-22 02:42:01 +00:00
Code Wiki Activity

Misc. fixes to clean up after tw-. Fix tooltip placement.

Browse source
This commit is contained in:
SirStendec 2017-12-13 18:30:27 -05:00
parent 4b246ade44
commit 8e364e7d84
8 changed files with 35 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/sites/twitch-twilight/modules/css_tweaks/index.js
View file

@ -23,9 +23,9 @@ const CLASSES = {
'pinned-cheer': '.pinned-cheer',
'whispers': '.whispers',
'boxart-hover': '.tw-card .full-width:hover a[data-a-target="live-channel-card-game-link"]',
'boxart-hover': '.tw-card .tw-full-width:hover a[data-a-target="live-channel-card-game-link"]',
'boxart-hide': '.tw-card a[data-a-target="live-channel-card-game-link"]',
'profile-hover-following': '.tw-card .full-width:hover .ffz-channel-avatar',
'profile-hover-following': '.tw-card .tw-full-width:hover .ffz-channel-avatar',
'profile-hover-game': '.tw-thumbnail-card .tw-card-img:hover .ffz-channel-avatar',
};

4
src/sites/twitch-twilight/modules/css_tweaks/styles/chat-font.scss
View file

@ -3,4 +3,8 @@
font-size: var(--ffz-chat-font-size);
line-height: var(--ffz-chat-line-height);
font-family: var(--ffz-chat-font-family);
.chat-list__lines {
line-height: var(--ffz-chat-line-height);
}
}

13
src/sites/twitch-twilight/modules/css_tweaks/styles/swap-sidebars.scss
View file

@ -14,22 +14,31 @@
svg { transform: rotate(180deg) }
}
.side-nav__theme-wrapper.border-r {
.side-nav__theme-wrapper.tw-border-r {
border-right: none !important;
border-left: 1px solid #dad8de;
.tw-theme--dark & {
border-left-color: #2c2541;
}
.tw-theme--ffz.tw-theme--dark & {
border-left-color: var(--ffz-color-20);
}
}
.chat__pane {
.chat-room__pane {
border-left: none !important;
border-right: 1px solid #dad8de;
.tw-theme--dark & {
border-right-color: #2c2541;
}
.tw-theme--ffz.tw-theme--dark & {
border-right-color: var(--ffz-color-20);
}
}

5
src/sites/twitch-twilight/modules/directory/following.js
View file

@ -328,8 +328,7 @@ export default class Following extends SiteModule {
)
);
document.body.querySelector('.twilight-root').appendChild(this.hostMenu);
//document.body.appendChild(this.hostMenu);
(document.body.querySelector('.twilight-root') || document.body).appendChild(this.hostMenu);
this.hostMenuPopper = new Popper(document.body, this.hostMenu, {
placement: 'bottom-start',
@ -358,7 +357,7 @@ export default class Following extends SiteModule {
return;
// Remove old elements
const hiddenBodyCard = card.querySelector('.tw-card-body.hide');
const hiddenBodyCard = card.querySelector('.tw-card-body.tw-hide');
if (hiddenBodyCard !== null) hiddenBodyCard.classList.remove('tw-hide');
const ffzChannelData = card.querySelector('.ffz-channel-data');

2
src/sites/twitch-twilight/modules/directory/index.js
View file

@ -244,7 +244,7 @@ export default class Directory extends SiteModule {
setting = this.settings.get('directory.show-channel-avatars');
// Remove old elements
const hiddenBodyCard = card.querySelector('.tw-card-body.hide');
const hiddenBodyCard = card.querySelector('.tw-card-body.tw-hide');
if (hiddenBodyCard !== null)
hiddenBodyCard.classList.remove('tw-hide');