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

Fixed button hover state on interaction modals

Browse source
This commit is contained in:
Niléane 2023-07-10 18:15:45 +02:00
commit db9d0219a0
No known key found for this signature in database
1 changed files with 30 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

58
TangerineUIforMastodon-singlecolumnlayout.css
View file

@ -1659,34 +1659,6 @@ 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,
@ -1837,6 +1809,36 @@ 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.button-tertiary {
padding: 10px 18px;
}
.layout-single-column .interaction-modal .button.button-tertiary:hover {
background-color: var(--color-content-secondary-separator);
}
.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;
}
/* 📄 Meta
------- */