Fixed: Privacy picker on mobile isn’t styled #26

This commit is contained in:
Niléane 2023-07-14 13:42:44 +02:00
commit bc12a335f6
No known key found for this signature in database
2 changed files with 30 additions and 0 deletions

View file

@ -2159,6 +2159,7 @@ body.layout-single-column {
.layout-single-column .mute-modal__container,
.layout-single-column .block-modal__container {
background-color: var(--color-content-bg);
color: var(--color-content-fg);
}
.layout-single-column .boost-modal__container {
margin-bottom: -11px;
@ -2186,6 +2187,20 @@ body.layout-single-column {
.layout-single-column .boost-modal__container .status.light .status__visibility-icon {
color: var(--color-content-fg);
}
.layout-single-column .actions-modal ul li:not(:empty) a {
color: var(--color-content-fg);
}
.layout-single-column .actions-modal ul li:not(:empty) a.active,
.layout-single-column .actions-modal ul li:not(:empty) a.active button,
.layout-single-column .actions-modal ul li:not(:empty) a:active,
.layout-single-column .actions-modal ul li:not(:empty) a:active button,
.layout-single-column .actions-modal ul li:not(:empty) a:focus,
.layout-single-column .actions-modal ul li:not(:empty) a:focus button,
.layout-single-column .actions-modal ul li:not(:empty) a:hover,
.layout-single-column .actions-modal ul li:not(:empty) a:hover button {
background-color: var(--color-accent);
color: var(--color-accent-fg);
}
/* 📄 Meta

View file

@ -2159,6 +2159,7 @@ body.layout-single-column {
.layout-single-column .mute-modal__container,
.layout-single-column .block-modal__container {
background-color: var(--color-content-bg);
color: var(--color-content-fg);
}
.layout-single-column .boost-modal__container {
margin-bottom: -11px;
@ -2186,6 +2187,20 @@ body.layout-single-column {
.layout-single-column .boost-modal__container .status.light .status__visibility-icon {
color: var(--color-content-fg);
}
.layout-single-column .actions-modal ul li:not(:empty) a {
color: var(--color-content-fg);
}
.layout-single-column .actions-modal ul li:not(:empty) a.active,
.layout-single-column .actions-modal ul li:not(:empty) a.active button,
.layout-single-column .actions-modal ul li:not(:empty) a:active,
.layout-single-column .actions-modal ul li:not(:empty) a:active button,
.layout-single-column .actions-modal ul li:not(:empty) a:focus,
.layout-single-column .actions-modal ul li:not(:empty) a:focus button,
.layout-single-column .actions-modal ul li:not(:empty) a:hover,
.layout-single-column .actions-modal ul li:not(:empty) a:hover button {
background-color: var(--color-accent);
color: var(--color-accent-fg);
}
/* 📄 Meta