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

Fixes to dropdowns

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

24
TangerineUIforMastodon-singlecolumnlayout.css
View file

@ -815,6 +815,13 @@ body.layout-single-column {
border: none; border: none;
} }
.layout-single-column article > .account {
padding: 16px;
}
.layout-single-column article:last-child > .account {
border-radius: 0 0 7px 7px;
}
/* ⏺️ Column headers /* ⏺️ Column headers
@ -945,6 +952,9 @@ body.layout-single-column {
border-radius: 0; border-radius: 0;
height: 55px; height: 55px;
} }
.layout-single-column .columns-area--mobile {
border-radius: 7px;
}
.layout-single-column .column-header, .layout-single-column .column-header,
.layout-single-column .column-back-button, .layout-single-column .column-back-button,
.layout-single-column .column-header__button, .layout-single-column .column-header__button,
@ -1675,6 +1685,8 @@ body.layout-single-column {
padding: 7px 18px; padding: 7px 18px;
} }
/* ⏺️ UI components : buttons, toggles, ... /* ⏺️ UI components : buttons, toggles, ...
---------------------------------------- */ ---------------------------------------- */
.layout-single-column .button, .layout-single-column .button,
@ -1760,7 +1772,13 @@ body.layout-single-column {
.layout-single-column .react-toggle--checked .react-toggle-thumb { .layout-single-column .react-toggle--checked .react-toggle-thumb {
border-color: var(--color-accent); border-color: var(--color-accent);
} }
.layout-single-column .dropdown-menu,
.layout-single-column .dropdown-menu__item a,
.layout-single-column .dropdown-menu__arrow:before {
background-color: var(--color-content-bg);
color: var(--color-content-fg);
border: 0;
}
.layout-single-column .dropdown-menu__item a:active, .layout-single-column .dropdown-menu__item a:active,
.layout-single-column .dropdown-menu__item a:focus, .layout-single-column .dropdown-menu__item a:focus,
.layout-single-column .dropdown-menu__item a:hover, .layout-single-column .dropdown-menu__item a:hover,
@ -1771,6 +1789,9 @@ body.layout-single-column {
color: var(--color-accent-fg); color: var(--color-accent-fg);
outline: 0; outline: 0;
} }
.layout-single-column .dropdown-menu__separator {
border-color: var(--color-content-secondary-separator);
}
.layout-single-column .privacy-dropdown.active .privacy-dropdown__value.active, .layout-single-column .privacy-dropdown.active .privacy-dropdown__value.active,
.layout-single-column .privacy-dropdown__option.active, .layout-single-column .privacy-dropdown__option.active,
@ -1900,6 +1921,7 @@ body.layout-single-column {
} }
/* 📜 About page /* 📜 About page
------------- */ ------------- */
.layout-single-column .scrollable.about { .layout-single-column .scrollable.about {