1
0
Fork 0
mirror of https://github.com/FrankerFaceZ/FrankerFaceZ.git synced 2025-09-17 10:16:57 +00:00

The In-Line Actions Update

* Add extensible actions system.
* Add extensive UI for configuring the actions system.
* Add setting to disable channel hosting.
* Fix the stupid Rooms thing popping up every time you open a channel.
* Fix how we grab chat types from React.
* Refactor how we handle incoming chat messages.
* Add a hook for outgoing chat messages.
* Fix emoji appearing squished with baseline emote alignment.
* Display arrows on balloons.
* Fix an issue generating emoji URLs.
* Do not use the default values for settings with merge strategies if profiles have those settings, just empty.
* Display a message in the chat settings menu if we tried opening FFZ's settings and failed.
* Wait a bit for webpack's loader if it's not immediately there for some reason.
* Probably other stuff.
* Not mod cards. Yet.
This commit is contained in:
SirStendec 2018-04-28 17:56:03 -04:00
parent e9214bb46a
commit fdde05030f
67 changed files with 7689 additions and 226 deletions

View file

@ -5,60 +5,53 @@ body {
.ffz-metadata-balloon {
z-index: 999999999 !important;
margin: 6px;
}
.tw-balloon {
&[x-placement^="bottom"] > .tw-balloon__tail {
top: -3px;
box-shadow: -1px -1px 0 #dad8de;
bottom: 100%;
.tw-theme--dark & {
box-shadow: -1px -1px 0 #2c2541;
}
.tw-theme--ffz & {
box-shadow: -1px -1px 0 var(--ffz-color-20);
.tw-balloon__tail-symbol {
top: auto;
bottom: -8px;
left: 8px;
}
}
&[x-placement^="top"] > .tw-balloon__tail {
bottom: -3px;
box-shadow: 1px 1px 0 #dad8de;
top: 100%;
.tw-theme--dark & {
box-shadow: 1px 1px 0 #2c2541;
}
.tw-theme--ffz & {
box-shadow: 1px 1px 0 var(--ffz-color-20);
.tw-balloon__tail-symbol {
top: auto;
bottom: 8px;
left: 8px;
}
}
&[x-placement^="right"] > .tw-balloon__tail {
left: -3px;
box-shadow: -1px 1px 0 #dad8de;
right: 100%;
.tw-theme--dark & {
box-shadow: -1px 1px 0 #2c2541;
}
.tw-theme--ffz & {
box-shadow: -1px 1px 0 var(--ffz-color-20);
.tw-balloon__tail-symbol {
left: auto;
right: -8px;
top: 8px;
}
}
&[x-placement^="left"] > .tw-balloon__tail {
right: -3px;
box-shadow: 1px -1px 0 #dad8de;
left: 100%;
.tw-theme--dark & {
box-shadow: 1px -1px 0 #2c2541;
}
.tw-theme--ffz & {
box-shadow: 1px -1px 0 var(--ffz-color-20);
.tw-balloon__tail-symbol {
left: auto;
right: 8px;
top: 8px;
}
}
}
.ffz-metadata-balloon,
.ffz__tooltip {
.loader {