mirror of
https://github.com/FrankerFaceZ/FrankerFaceZ.git
synced 2025-06-27 21:05:53 +00:00
5b65f6b735
* Fixed: Do not set `src` for images on Firefox, since that causes animations to reset when a new image is added to the DOM with the same `src`. For some reason. Thanks, Firefox. * Fixed: The FFZ Control Center, Emote Cards, and Link Cards are now all aware of each other in a limited sense. The most recently interacted-with window will appear on top of the others. * Fixed: Channel page links not having enhanced tool-tip preview support. (Still no link cards when you click them, but it's a start.) * Developer: Made it so the Link Tester in Debugging > Data Sources will properly open link cards, as long as you have link cards enabled. * API Added: Update to the latest FFZ rich tokens format, which has a new `i18n_select` token. This allows, for example, the link preview service to return multiple languages of titles and descriptions for a YouTube video so that your client can pick the best one to display. * Experiment Changed: The "API-Based Link Lookups" experiment now has a third option that uses Cloudflare Workers. It's set very low while I try to gauge how much traffic it would see, and if this is a viable option.
86 lines
No EOL
1.3 KiB
SCSS
86 lines
No EOL
1.3 KiB
SCSS
.ffz-dialog {
|
|
&:not(.maximized) {
|
|
position: absolute;
|
|
top: 25%;
|
|
left: 25%;
|
|
|
|
z-index: 99999999;
|
|
|
|
--width: #{"min(75vw, 128rem)"};
|
|
--height: #{"min(75vh, calc(0.75 * var(--width)))"};
|
|
|
|
top: #{"calc(calc(100vh - var(--height)) / 2)"};
|
|
left: #{"calc(calc(100vw - var(--width)) / 2)"};
|
|
|
|
min-width: 64rem;
|
|
min-height: 30rem;
|
|
|
|
max-width: 75vw;
|
|
max-height: 75vh;
|
|
|
|
width: 75vw;
|
|
width: var(--width);
|
|
|
|
height: 50vh;
|
|
height: var(--height);
|
|
|
|
border-radius: var(--border-radius-extra-large);
|
|
|
|
> header {
|
|
cursor: move;
|
|
border-top-left-radius: var(--border-radius-extra-large);
|
|
border-top-right-radius: var(--border-radius-extra-large);
|
|
}
|
|
|
|
&.faded {
|
|
opacity: 0.5;
|
|
|
|
&:hover {
|
|
opacity: 0.75;
|
|
}
|
|
}
|
|
}
|
|
|
|
&.maximized {
|
|
position: absolute;
|
|
top: 0 !important;
|
|
left: 0 !important;
|
|
|
|
width: 100%;
|
|
height: 100%;
|
|
|
|
&, .tw-root--theme-dark & {
|
|
border: none !important;
|
|
}
|
|
|
|
> header {
|
|
cursor: default;
|
|
padding: .9rem 3rem;
|
|
}
|
|
}
|
|
|
|
&.exclusive {
|
|
z-index: 1000;
|
|
}
|
|
|
|
.want-ps {
|
|
overflow-y: auto;
|
|
}
|
|
|
|
> header {
|
|
user-select: none;
|
|
padding: .9rem 1rem .9rem 2rem;
|
|
|
|
.tw-search-input {
|
|
max-width: 40rem
|
|
}
|
|
}
|
|
}
|
|
|
|
.ffz-has-dialog {
|
|
position: relative;
|
|
|
|
& > :not(.ffz-dialog):not(.ffz__tooltip):not(.ffz-viewer-card) {
|
|
visibility: hidden;
|
|
}
|
|
} |