mirror/Tangerine-UI
1
0
Fork 0
mirror of https://github.com/nileane/TangerineUI-for-Mastodon synced 2024-11-27 14:28:14 +09:00
Code

Fixes to dropdowns

Browse Source
This commit is contained in:
Niléane 2023-07-10 18:11:58 +02:00
parent 8ae64f2b27
commit 843b8d7e26
No known key found for this signature in database
1 changed files with 23 additions and 1 deletions
Show Stats 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;
}
.layout-single-column article > .account {
padding: 16px;
}
.layout-single-column article:last-child > .account {
border-radius: 0 0 7px 7px;
}
/* ⏺️ Column headers
@ -945,6 +952,9 @@ body.layout-single-column {
border-radius: 0;
height: 55px;
}
.layout-single-column .columns-area--mobile {
border-radius: 7px;
}
.layout-single-column .column-header,
.layout-single-column .column-back-button,
.layout-single-column .column-header__button,
@ -1675,6 +1685,8 @@ body.layout-single-column {
padding: 7px 18px;
}
/* ⏺️ UI components : buttons, toggles, ...
---------------------------------------- */
.layout-single-column .button,
@ -1760,7 +1772,13 @@ body.layout-single-column {
.layout-single-column .react-toggle--checked .react-toggle-thumb {
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:focus,
.layout-single-column .dropdown-menu__item a:hover,
@ -1771,6 +1789,9 @@ body.layout-single-column {
color: var(--color-accent-fg);
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__option.active,
@ -1900,6 +1921,7 @@ body.layout-single-column {
}
/* 📜 About page
------------- */
.layout-single-column .scrollable.about {