oss/FrankerFaceZ
oss/FrankerFaceZ
1
0
Fork 0
mirror of https://github.com/FrankerFaceZ/FrankerFaceZ.git synced 2025-09-18 02:36:56 +00:00
Code Wiki Activity

4.30.0

Browse source 
This update includes a dependency update to version 2 of PopperJS, the library we use for tool-tips. Hopefully this fixes flickering issues with tool-tips. Some tool-tips may have issues after the update. If something doesn't look right, please ask.

* Fixed: Chat lines not showing replies.
* API Fixed: `setChildren` now supports variables that are not `Node`s or `string`s, and does so by casting other types to `string`s. Makes it easy to include numbers and other variables when using JSX.
* Maintenance: Update to PopperJS v2.
This commit is contained in:
SirStendec 2021-11-10 18:27:52 -05:00
parent 1c3e73e143
commit 958a3956f1
12 changed files with 107 additions and 79 deletions
Download patch file Download diff file Expand all files Collapse all files

31
styles/tooltips.scss
View file

@ -34,7 +34,7 @@ body {
.ffz-balloon {
&[x-placement^="bottom"] > .ffz-balloon__tail {
&[data-popper-placement^="bottom"] > .ffz-balloon__tail {
bottom: 100%;
.ffz-balloon__tail-symbol {
@ -44,7 +44,7 @@ body {
}
}
&[x-placement^="top"] > .ffz-balloon__tail {
&[data-popper-placement^="top"] > .ffz-balloon__tail {
top: 100%;
.ffz-balloon__tail-symbol {
@ -54,7 +54,7 @@ body {
}
}
&[x-placement^="right"] > .ffz-balloon__tail {
&[data-popper-placement^="right"] > .ffz-balloon__tail {
right: 100%;
.ffz-balloon__tail-symbol {
@ -64,7 +64,7 @@ body {
}
}
&[x-placement^="left"] > .ffz-balloon__tail {
&[data-popper-placement^="left"] > .ffz-balloon__tail {
left: 100%;
.ffz-balloon__tail-symbol {
@ -110,35 +110,40 @@ body {
.ffz__tooltip--arrow {
position: absolute;
width: 6px; height: 6px;
transform: rotate(45deg);
z-index: -1;
background: var(--color-background-tooltip);
&:before {
content: '';
position: absolute;
top: 0; left: 0;
width: 6px; height: 6px;
transform: rotate(45deg);
background: var(--color-background-tooltip);
z-index: -1;
}
}
&[x-placement^="bottom"] {
&[data-popper-placement^="bottom"] {
.ffz__tooltip--arrow {
top: -3px;
border-radius: 2px 0 0;
}
}
&[x-placement^="top"] {
&[data-popper-placement^="top"] {
.ffz__tooltip--arrow {
bottom: -3px;
bottom: 3px;
border-radius: 0 0 2px;
}
}
&[x-placement^="right"] {
&[data-popper-placement^="right"] {
.ffz__tooltip--arrow {
left: -3px;
border-radius: 0 2px 0 0;
}
}
&[x-placement^="left"] {
&[data-popper-placement^="left"] {
.ffz__tooltip--arrow {
right: -3px;
border-radius: 0 0 0 2px;