mirror of
https://github.com/FrankerFaceZ/FrankerFaceZ.git
synced 2025-10-22 02:42:01 +00:00
tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-tw-
This commit is contained in:
SirStendec
parent
5a9a3d221b
commit
4b246ade44
50 changed files with 1564 additions and 2167 deletions
|
|
@ -88,7 +88,7 @@ export default class ChannelBar extends Module {
|
|||
|
||||
updateMetadata(inst, keys) {
|
||||
const container = this.fine.getHostNode(inst),
|
||||
metabar = container && container.querySelector && container.querySelector('.channel-info-bar__action-container > .flex');
|
||||
metabar = container && container.querySelector && container.querySelector('.channel-info-bar__action-container > .tw-flex');
|
||||
|
||||
if ( ! inst._ffz_mounted || ! metabar )
|
||||
return;
|
||||
|
|
|
|||
|
|
@ -123,25 +123,25 @@ export default class Scroller extends Module {
|
|||
if ( ! node )
|
||||
return;
|
||||
|
||||
node.classList.add('full-height');
|
||||
node.classList.add('tw-full-height');
|
||||
|
||||
el = this._ffz_freeze_indicator = e('div', {
|
||||
className: 'ffz--freeze-indicator chat-list__more-messages-placeholder relative mg-x-2'
|
||||
className: 'ffz--freeze-indicator chat-list__more-messages-placeholder tw-relative tw-mg-x-2'
|
||||
}, e('div', {
|
||||
className: 'chat-list__more-messages bottom-0 full-width align-items-center flex justify-content-center absolute pd-05'
|
||||
className: 'chat-list__more-messages tw-bottom-0 tw-full-width tw-align-items-center tw-flex tw-justify-content-center tw-absolute tw-pd-05'
|
||||
}));
|
||||
|
||||
this.ffzUpdateText();
|
||||
node.appendChild(el);
|
||||
|
||||
} else
|
||||
el.classList.remove('hide');
|
||||
el.classList.remove('tw-hide');
|
||||
}
|
||||
|
||||
cls.prototype.ffzHideFrozen = function() {
|
||||
this._ffz_freeze_visible = false;
|
||||
if ( this._ffz_freeze_indicator )
|
||||
this._ffz_freeze_indicator.classList.add('hide');
|
||||
this._ffz_freeze_indicator.classList.add('tw-hide');
|
||||
}
|
||||
|
||||
cls.prototype.ffzFreeze = function() {
|
||||
|
|
|
|||
|
|
@ -39,7 +39,7 @@ export default class SettingsMenu extends Module {
|
|||
cls.prototype.renderUniversalOptions = function() {
|
||||
const val = old_universal.call(this);
|
||||
val.props.children.push(e('div', {
|
||||
className: 'mg-t-1'
|
||||
className: 'tw-mg-t-1'
|
||||
}, e('button', {
|
||||
onClick: () => t.click(this)
|
||||
}, t.i18n.t('site.menu_button', 'FrankerFaceZ Control Center'))
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@
|
|||
border-top: 1px solid #aaa;
|
||||
border-bottom-color: rgba(255,255,255,0.5);
|
||||
|
||||
.theme--dark & {
|
||||
.tw-theme--dark & {
|
||||
border-top-color: #000;
|
||||
border-bottom-color: rgba(255,255,255,0.1);
|
||||
}
|
||||
|
|
@ -27,7 +27,7 @@
|
|||
.thread-message__warning {
|
||||
padding-top: 0 !important;
|
||||
|
||||
& > .pd-y-05 {
|
||||
& > .tw-pd-y-05 {
|
||||
padding-top: calc(.5rem - 1px) !important;
|
||||
}
|
||||
}
|
||||
|
|
@ -12,7 +12,7 @@
|
|||
border-top: 1px solid rgba(255,255,255,0.5);
|
||||
border-bottom-color: #aaa;
|
||||
|
||||
.theme--dark & {
|
||||
.tw-theme--dark & {
|
||||
border-top-color: rgba(255,255,255,0.1);
|
||||
border-bottom-color: #000;
|
||||
}
|
||||
|
|
@ -27,7 +27,7 @@
|
|||
.thread-message__warning {
|
||||
padding-top: 0 !important;
|
||||
|
||||
& > .pd-y-05 {
|
||||
& > .tw-pd-y-05 {
|
||||
padding-top: calc(.5rem - 1px) !important;
|
||||
}
|
||||
}
|
||||
|
|
@ -11,7 +11,7 @@
|
|||
|
||||
border-top: 1px solid #dad8de;
|
||||
|
||||
.theme--dark & {
|
||||
.tw-theme--dark & {
|
||||
border-top-color: #2c2541;
|
||||
}
|
||||
|
||||
|
|
@ -25,7 +25,7 @@
|
|||
.thread-message__warning {
|
||||
padding-top: 0 !important;
|
||||
|
||||
& > .pd-y-05 {
|
||||
& > .tw-pd-y-05 {
|
||||
padding-top: calc(.5rem - 1px) !important;
|
||||
}
|
||||
}
|
||||
|
|
@ -11,7 +11,7 @@
|
|||
|
||||
border-bottom: 1px solid #dad8de;
|
||||
|
||||
.theme--dark & {
|
||||
.tw-theme--dark & {
|
||||
border-bottom-color: #2c2541;
|
||||
}
|
||||
|
||||
|
|
@ -25,7 +25,7 @@
|
|||
.thread-message__warning {
|
||||
padding-bottom: 0 !important;
|
||||
|
||||
& > .pd-y-05 {
|
||||
& > .tw-pd-y-05 {
|
||||
padding-bottom: calc(.5rem - 1px) !important;
|
||||
}
|
||||
}
|
||||
|
|
@ -3,7 +3,7 @@
|
|||
&.ffz-mentioned:nth-child(2n+0) {
|
||||
background-color: rgba(255,127,127,.4) !important;
|
||||
|
||||
.theme--dark & {
|
||||
.tw-theme--dark & {
|
||||
background-color: rgba(255,0,0,.3) !important;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
&.ffz-mentioned {
|
||||
background-color: rgba(255,127,127,.2) !important;
|
||||
|
||||
.theme--dark & {
|
||||
.tw-theme--dark & {
|
||||
background-color: rgba(255,0,0,.2) !important;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
color: #fff;
|
||||
background: rgba(0,0,0,0.5);
|
||||
|
||||
.theme--dark & {
|
||||
.tw-theme--dark & {
|
||||
color: #000;
|
||||
background-color: rgba(255,255,255,0.5);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
&:nth-child(2n+0) {
|
||||
background-color: rgba(0,0,0,0.1) !important;
|
||||
|
||||
.theme--dark & {
|
||||
.tw-theme--dark & {
|
||||
background-color: rgba(255,255,255,0.05) !important;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
.chat-input button[data-a-target="bits-button"],
|
||||
.channel-header__right > .mg-l-1 > div > div > button:not([data-a-target]) {
|
||||
.channel-header__right > .tw-mg-l-1 > div > div > button:not([data-a-target]) {
|
||||
display: none;
|
||||
}
|
||||
|
|
@ -7,8 +7,17 @@
|
|||
top: -4rem !important;
|
||||
transition: top ease-in-out 75ms, bottom ease-in-out 75ms;
|
||||
|
||||
.tw-svg__asset--logotwitch {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
&:focus-within,
|
||||
&:hover {
|
||||
top: 0 !important;
|
||||
|
||||
.tw-svg__asset--logotwitch {
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -18,7 +18,7 @@
|
|||
border-right: none !important;
|
||||
border-left: 1px solid #dad8de;
|
||||
|
||||
.theme--dark & {
|
||||
.tw-theme--dark & {
|
||||
border-left-color: #2c2541;
|
||||
}
|
||||
}
|
||||
|
|
@ -27,7 +27,7 @@
|
|||
border-left: none !important;
|
||||
border-right: 1px solid #dad8de;
|
||||
|
||||
.theme--dark & {
|
||||
.tw-theme--dark & {
|
||||
border-right-color: #2c2541;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -318,7 +318,7 @@ export default class Following extends SiteModule {
|
|||
}
|
||||
|
||||
this.hostMenu = e('div', 'ffz-host-menu tw-balloon tw-block',
|
||||
e('div', 'tw-selectable-filter__balloon tw-pd-y-05',
|
||||
e('div', 'tw-border tw-elevation-1 tw-border-radius-small tw-c-background',
|
||||
e('div', {
|
||||
className: 'scrollable-area',
|
||||
'data-simplebar': true,
|
||||
|
|
@ -328,7 +328,8 @@ export default class Following extends SiteModule {
|
|||
)
|
||||
);
|
||||
|
||||
document.body.appendChild(this.hostMenu);
|
||||
document.body.querySelector('.twilight-root').appendChild(this.hostMenu);
|
||||
//document.body.appendChild(this.hostMenu);
|
||||
|
||||
this.hostMenuPopper = new Popper(document.body, this.hostMenu, {
|
||||
placement: 'bottom-start',
|
||||
|
|
|
|||
|
|
@ -47,7 +47,7 @@ export default class MenuButton extends SiteModule {
|
|||
|
||||
|
||||
this._el = e('div',
|
||||
'ffz-top-nav align-self-center flex-grow-0 flex-shrink-0 flex-nowrap pd-r-1 pd-l-05',
|
||||
'ffz-top-nav tw-align-self-center tw-flex-grow-0 tw-flex-shrink-0 tw-flex-nowrap tw-pd-r-1 tw-pd-l-05',
|
||||
this._btn = e('button',
|
||||
{
|
||||
className: 'tw-button-icon tw-button-icon--overlay tw-button-icon--large',
|
||||
|
|
|
|||
|
|
@ -73,7 +73,7 @@ export default class ThemeEngine extends Module {
|
|||
|
||||
updateSetting(enable) {
|
||||
this.toggleStyle(enable);
|
||||
document.body.classList.toggle('theme--ffz', enable);
|
||||
document.body.classList.toggle('tw-theme--ffz', enable);
|
||||
}
|
||||
|
||||
onEnable() {
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
.channel-info-bar__action-container {
|
||||
& > .flex {
|
||||
& > .tw-flex {
|
||||
& > * {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 1rem !important;
|
||||
|
|
@ -15,7 +15,7 @@
|
|||
margin-left: -.8rem !important;
|
||||
}
|
||||
|
||||
.c-text-live {
|
||||
.tw-c-text-live {
|
||||
order: 1;
|
||||
}
|
||||
|
||||
|
|
@ -24,12 +24,12 @@
|
|||
}
|
||||
}
|
||||
|
||||
& > .flex:last-child > :last-child {
|
||||
& > .tw-flex:last-child > :last-child {
|
||||
margin-right: 0 !important
|
||||
}
|
||||
}
|
||||
|
||||
.theme--ffz, .theme--ffz.theme--dark, .theme--dark, body {
|
||||
.tw-theme--ffz, .tw-theme--ffz.tw-theme--dark, .tw-theme--dark, body {
|
||||
.ffz-stat > .tw-button,
|
||||
.ffz-stat.tw-button {
|
||||
color: inherit;
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
.theme--dark .live-channel-card__boxart {
|
||||
.tw-theme--dark .live-channel-card__boxart {
|
||||
border-right: none;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
|
@ -25,7 +25,7 @@
|
|||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
&, .theme--dark & {
|
||||
&, .tw-theme--dark & {
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
.pd-r-1 + & {
|
||||
.tw-pd-r-1 + & {
|
||||
margin-left: -.5rem;
|
||||
}
|
||||
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load diff
Loading…
Add table
Add a link
Reference in a new issue