mirror of
https://github.com/FrankerFaceZ/FrankerFaceZ.git
synced 2025-07-01 08:38:32 +00:00
fdde05030f
* 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.
201 lines
No EOL
2.5 KiB
SCSS
201 lines
No EOL
2.5 KiB
SCSS
@import "./widgets/container.scss";
|
|
|
|
@import "./widgets/menu-container.scss";
|
|
@import "./widgets/tab-container.scss";
|
|
|
|
@import "./widgets/menu-tree.scss";
|
|
@import "./widgets/profile-selector.scss";
|
|
@import "./widgets/badge-visibility.scss";
|
|
|
|
|
|
.tw-display-inline { display: inline !important }
|
|
.tw-width-auto { width: auto !important }
|
|
|
|
.ffz--widget {
|
|
input, select {
|
|
min-width: 20rem;
|
|
}
|
|
|
|
label {
|
|
min-width: 15rem;
|
|
}
|
|
}
|
|
|
|
|
|
.ffz--color-widget input,
|
|
.ffz--inline label {
|
|
min-width: unset;
|
|
}
|
|
|
|
|
|
.ffz-color-preview {
|
|
margin: 1px;
|
|
|
|
figure.ffz-i-eyedropper {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
&:hover, &:focus {
|
|
figure {
|
|
opacity: 1
|
|
}
|
|
}
|
|
|
|
figure {
|
|
width: 3rem;
|
|
margin: .4rem;
|
|
|
|
height: calc(100% - .8rem);
|
|
}
|
|
}
|
|
|
|
|
|
.ffz--menu-page {
|
|
padding: 1rem;
|
|
|
|
header {
|
|
a {
|
|
font-weight: bold;
|
|
color: inherit !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
.ffz--profile-editor {
|
|
.tw-button:disabled:not(:hover):not(:focus) {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
label {
|
|
width: 10rem;
|
|
}
|
|
}
|
|
|
|
|
|
.ffz--chat-actions,
|
|
.ffz--profile-manager {
|
|
.ffz--action,
|
|
.ffz--profile {
|
|
outline: none;
|
|
|
|
&:focus {
|
|
box-shadow:
|
|
inset 0 0 0 1px #7d5bbe,
|
|
0 0 6px -2px #7d5bbe !important;
|
|
}
|
|
|
|
.handle {
|
|
opacity: 0.3;
|
|
margin: -0.5rem 0;
|
|
font-size: 2rem;
|
|
}
|
|
|
|
.ffz--profile__icon {
|
|
font-size: 2rem;
|
|
}
|
|
}
|
|
|
|
.ffz--profile {
|
|
.ffz-i-ok { color: green }
|
|
}
|
|
|
|
.sortable-ghost {
|
|
opacity: 0.25
|
|
}
|
|
}
|
|
|
|
|
|
.ffz--filter-editor {
|
|
.ffz--rule {
|
|
outline: none;
|
|
|
|
&:focus {
|
|
box-shadow:
|
|
inset 0 0 0 1px #7d5bbe,
|
|
0 0 6px -2px #7d5bbe !important;
|
|
}
|
|
|
|
.handle {
|
|
opacity: 0.3;
|
|
margin: -0.5rem 0;
|
|
font-size: 2rem;
|
|
}
|
|
|
|
.ffz--filter__icon {
|
|
font-size: 2rem;
|
|
}
|
|
|
|
.ffz-i-ok { color: green }
|
|
}
|
|
|
|
.sortable-ghost {
|
|
opacity: 0.25
|
|
}
|
|
}
|
|
|
|
|
|
.ffz--home {
|
|
h2, p {
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
ul {
|
|
list-style-type: disc;
|
|
margin: 1em 0;
|
|
}
|
|
|
|
.tweet-column {
|
|
width: 300px;
|
|
}
|
|
}
|
|
|
|
|
|
.ffz--changelog {
|
|
h2, p {
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.list-header {
|
|
margin: 10px 20px 5px;
|
|
padding: 15px 0 5px;
|
|
border-bottom: 1px solid #dad8de;
|
|
font-size: 16px;
|
|
font-variant: small-caps;
|
|
|
|
.tw-theme--dark & {
|
|
border-bottom-color: #2c2541;
|
|
}
|
|
|
|
span {
|
|
opacity: 0.5;
|
|
font-size: 10px;
|
|
font-variant: normal;
|
|
}
|
|
|
|
time {
|
|
float: right;
|
|
opacity: 0.5;
|
|
}
|
|
}
|
|
|
|
code {
|
|
padding: 2px 5px;
|
|
border-radius: 2px;
|
|
background-color: rgba(0,0,0,0.1);
|
|
|
|
.tw-theme--dark & {
|
|
background-color: rgba(255,255,255,0.05);
|
|
}
|
|
}
|
|
|
|
.chat-menu-content {
|
|
margin: 0 20px 20px;
|
|
}
|
|
|
|
#ffz-old-news-button {
|
|
text-align: center;
|
|
text-transform: none;
|
|
padding-bottom: 15px;
|
|
}
|
|
} |