mirror/Tangerine-UI
1
0
Fork 0
mirror of https://github.com/nileane/TangerineUI-for-Mastodon synced 2024-11-23 22:56:10 +09:00
Code

Added support for interaction modals

Browse Source
This commit is contained in:
Niléane 2023-07-10 17:51:37 +02:00
parent d2241dd2b5
commit 8ae64f2b27
No known key found for this signature in database
1 changed files with 27 additions and 5 deletions
Show Stats 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, ...
---------------------------------------- */
.layout-single-column .button,
@ -1708,9 +1734,6 @@ body.layout-single-column {
.layout-single-column .icon-button:hover {
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:hover {
background-color: var(--color-accent);
@ -1953,8 +1976,7 @@ body.layout-single-column {
padding-bottom: 4em;
}
.layout-single-column .about__meta,
.layout-single-column .about__section__title,
.layout-single-column .interaction-modal {
.layout-single-column .about__section__title {
color: var(--color-accent);
background-color: var(--color-content-secondary-bg);
border: 0;