chinwag/ChinwagUI
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added support for interaction modals

Browse source
This commit is contained in:
Niléane 2023-07-10 17:51:37 +02:00
commit 8ae64f2b27
No known key found for this signature in database
1 changed files with 27 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

32
TangerineUIforMastodon-singlecolumnlayout.css
View file

@ -1649,6 +1649,32 @@ body.layout-single-column {
/* 🖱️ Interaction modals
--------------------- */
.layout-single-column .interaction-modal {
background-color: var(--color-content-bg);
}
.layout-single-column .interaction-modal,
.layout-single-column .interaction-modal__lead h3 {
color: var(--color-content-fg);
}
.layout-single-column .interaction-modal__lead p,
.layout-single-column .interaction-modal__choices__choice p {
color: var(--color-fg);
}
.layout-single-column .interaction-modal .button,
.layout-single-column .interaction-modal .button.tertiary {
padding: 10px 18px;
}
.layout-single-column .copypaste input {
border-color: var(--color-accent);
background-color: var(--color-content-bg);
color: var(--color-content-fg);
}
.layout-single-column .interaction-modal .copypaste button {
padding: 7px 18px;
}
/* ⏺️ UI components : buttons, toggles, ... /* ⏺️ UI components : buttons, toggles, ...
---------------------------------------- */ ---------------------------------------- */
.layout-single-column .button, .layout-single-column .button,
@ -1708,9 +1734,6 @@ body.layout-single-column {
.layout-single-column .icon-button:hover { .layout-single-column .icon-button:hover {
background-color: var(--color-accent-bg); background-color: var(--color-accent-bg);
} }
.layout-single-column .copypaste input {
border-color: var(--color-accent);
}
.layout-single-column .language-dropdown__dropdown__results__item.active, .layout-single-column .language-dropdown__dropdown__results__item.active,
.layout-single-column .language-dropdown__dropdown__results__item.active:hover { .layout-single-column .language-dropdown__dropdown__results__item.active:hover {
background-color: var(--color-accent); background-color: var(--color-accent);
@ -1953,8 +1976,7 @@ body.layout-single-column {
padding-bottom: 4em; padding-bottom: 4em;
} }
.layout-single-column .about__meta, .layout-single-column .about__meta,
.layout-single-column .about__section__title, .layout-single-column .about__section__title {
.layout-single-column .interaction-modal {
color: var(--color-accent); color: var(--color-accent);
background-color: var(--color-content-secondary-bg); background-color: var(--color-content-secondary-bg);
border: 0; border: 0;