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

New look for search result section headers

Browse source
This commit is contained in:
Niléane 2023-10-09 13:58:59 +02:00
commit 2ec8eeb984
No known key found for this signature in database
4 changed files with 44 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

19
TangerineUI-purple.css
View file

@ -832,7 +832,8 @@ body.layout-single-column {
} }
.layout-single-column .scrollable > div:last-child > div:last-child > .status__wrapper, .layout-single-column .scrollable > div:last-child > div:last-child > .status__wrapper,
.layout-single-column .scrollable > div:last-child > .status__wrapper, .layout-single-column .scrollable > div:last-child > .status__wrapper,
.layout-single-column .scrollable > div > article:last-child > div > .status__wrapper { .layout-single-column .scrollable > div > article:last-child > div > .status__wrapper,
.layout-single-column .search-results__section > div:last-child >.status__wrapper {
border-bottom: 1px solid var(--color-lines); border-bottom: 1px solid var(--color-lines);
} }
.layout-single-column .dismissable-banner + .scrollable > div > article:first-child > div > .status__wrapper { .layout-single-column .dismissable-banner + .scrollable > div > article:first-child > div > .status__wrapper {
@ -848,7 +849,8 @@ body.layout-single-column {
} }
.layout-single-column .scrollable > div:last-child > div:last-child > .status__wrapper, .layout-single-column .scrollable > div:last-child > div:last-child > .status__wrapper,
.layout-single-column .scrollable > div:last-child > .status__wrapper, .layout-single-column .scrollable > div:last-child > .status__wrapper,
.layout-single-column .scrollable > div > article:last-child > div > .status__wrapper { .layout-single-column .scrollable > div > article:last-child > div > .status__wrapper,
.layout-single-column .search-results__section > div:last-child >.status__wrapper {
border-bottom-right-radius: 8px; border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px; border-bottom-left-radius: 8px;
} }
@ -938,7 +940,8 @@ body.layout-single-column {
.layout-single-column .account-timeline__header + article .status::before, /* no divider above first post on profile pages */ .layout-single-column .account-timeline__header + article .status::before, /* no divider above first post on profile pages */
.layout-single-column .scrollable > div:first-child > .status::before, /* no divider above first post in a column thread */ .layout-single-column .scrollable > div:first-child > .status::before, /* no divider above first post in a column thread */
.layout-single-column .scrollable > div:first-child > div:first-child .status::before, /* no divider above first post in a column thread (backwards compatibility with 4.1.*) */ .layout-single-column .scrollable > div:first-child > div:first-child .status::before, /* no divider above first post in a column thread (backwards compatibility with 4.1.*) */
.layout-single-column .hashtag-header + article .status::before { .layout-single-column .hashtag-header + article .status::before,
.layout-single-column .search-results__section .search-results__section__header + div .status::before {
display: none; display: none;
} }
@media screen and (min-width:890px) and (max-width:1174px) { /* no divider above first post in a column thread on medium-size devices */ @media screen and (min-width:890px) and (max-width:1174px) { /* no divider above first post in a column thread on medium-size devices */
@ -2661,11 +2664,11 @@ body.layout-single-column {
border-bottom: 0; border-bottom: 0;
} }
.layout-single-column .search-results__section__header { .layout-single-column .search-results__section__header {
background-color: var(--color-accent-bg); background-color: var(--color-content-secondary-bg);
border-top: 1px solid var(--color-accent-lines); border-top: 1px solid var(--color-lines);
border-left: 1px solid var(--color-accent-lines); border-left: 1px solid var(--color-lines);
border-right: 1px solid var(--color-accent-lines); border-right: 1px solid var(--color-lines);
border-bottom: 1px solid var(--color-accent-lines); border-bottom: 0;
color: var(--color-content-fg); color: var(--color-content-fg);
} }
.layout-single-column .search-results__section__header button { .layout-single-column .search-results__section__header button {

19
TangerineUI.css
View file

@ -832,7 +832,8 @@ body.layout-single-column {
} }
.layout-single-column .scrollable > div:last-child > div:last-child > .status__wrapper, .layout-single-column .scrollable > div:last-child > div:last-child > .status__wrapper,
.layout-single-column .scrollable > div:last-child > .status__wrapper, .layout-single-column .scrollable > div:last-child > .status__wrapper,
.layout-single-column .scrollable > div > article:last-child > div > .status__wrapper { .layout-single-column .scrollable > div > article:last-child > div > .status__wrapper,
.layout-single-column .search-results__section > div:last-child >.status__wrapper {
border-bottom: 1px solid var(--color-lines); border-bottom: 1px solid var(--color-lines);
} }
.layout-single-column .dismissable-banner + .scrollable > div > article:first-child > div > .status__wrapper { .layout-single-column .dismissable-banner + .scrollable > div > article:first-child > div > .status__wrapper {
@ -848,7 +849,8 @@ body.layout-single-column {
} }
.layout-single-column .scrollable > div:last-child > div:last-child > .status__wrapper, .layout-single-column .scrollable > div:last-child > div:last-child > .status__wrapper,
.layout-single-column .scrollable > div:last-child > .status__wrapper, .layout-single-column .scrollable > div:last-child > .status__wrapper,
.layout-single-column .scrollable > div > article:last-child > div > .status__wrapper { .layout-single-column .scrollable > div > article:last-child > div > .status__wrapper,
.layout-single-column .search-results__section > div:last-child >.status__wrapper {
border-bottom-right-radius: 8px; border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px; border-bottom-left-radius: 8px;
} }
@ -938,7 +940,8 @@ body.layout-single-column {
.layout-single-column .account-timeline__header + article .status::before, /* no divider above first post on profile pages */ .layout-single-column .account-timeline__header + article .status::before, /* no divider above first post on profile pages */
.layout-single-column .scrollable > div:first-child > .status::before, /* no divider above first post in a column thread */ .layout-single-column .scrollable > div:first-child > .status::before, /* no divider above first post in a column thread */
.layout-single-column .scrollable > div:first-child > div:first-child .status::before, /* no divider above first post in a column thread (backwards compatibility with 4.1.*) */ .layout-single-column .scrollable > div:first-child > div:first-child .status::before, /* no divider above first post in a column thread (backwards compatibility with 4.1.*) */
.layout-single-column .hashtag-header + article .status::before { .layout-single-column .hashtag-header + article .status::before,
.layout-single-column .search-results__section .search-results__section__header + div .status::before {
display: none; display: none;
} }
@media screen and (min-width:890px) and (max-width:1174px) { /* no divider above first post in a column thread on medium-size devices */ @media screen and (min-width:890px) and (max-width:1174px) { /* no divider above first post in a column thread on medium-size devices */
@ -2661,11 +2664,11 @@ body.layout-single-column {
border-bottom: 0; border-bottom: 0;
} }
.layout-single-column .search-results__section__header { .layout-single-column .search-results__section__header {
background-color: var(--color-accent-bg); background-color: var(--color-content-secondary-bg);
border-top: 1px solid var(--color-accent-lines); border-top: 1px solid var(--color-lines);
border-left: 1px solid var(--color-accent-lines); border-left: 1px solid var(--color-lines);
border-right: 1px solid var(--color-accent-lines); border-right: 1px solid var(--color-lines);
border-bottom: 1px solid var(--color-accent-lines); border-bottom: 0;
color: var(--color-content-fg); color: var(--color-content-fg);
} }
.layout-single-column .search-results__section__header button { .layout-single-column .search-results__section__header button {

19
mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss
View file

@ -832,7 +832,8 @@ body.layout-single-column {
} }
.layout-single-column .scrollable > div:last-child > div:last-child > .status__wrapper, .layout-single-column .scrollable > div:last-child > div:last-child > .status__wrapper,
.layout-single-column .scrollable > div:last-child > .status__wrapper, .layout-single-column .scrollable > div:last-child > .status__wrapper,
.layout-single-column .scrollable > div > article:last-child > div > .status__wrapper { .layout-single-column .scrollable > div > article:last-child > div > .status__wrapper,
.layout-single-column .search-results__section > div:last-child >.status__wrapper {
border-bottom: 1px solid var(--color-lines); border-bottom: 1px solid var(--color-lines);
} }
.layout-single-column .dismissable-banner + .scrollable > div > article:first-child > div > .status__wrapper { .layout-single-column .dismissable-banner + .scrollable > div > article:first-child > div > .status__wrapper {
@ -848,7 +849,8 @@ body.layout-single-column {
} }
.layout-single-column .scrollable > div:last-child > div:last-child > .status__wrapper, .layout-single-column .scrollable > div:last-child > div:last-child > .status__wrapper,
.layout-single-column .scrollable > div:last-child > .status__wrapper, .layout-single-column .scrollable > div:last-child > .status__wrapper,
.layout-single-column .scrollable > div > article:last-child > div > .status__wrapper { .layout-single-column .scrollable > div > article:last-child > div > .status__wrapper,
.layout-single-column .search-results__section > div:last-child >.status__wrapper {
border-bottom-right-radius: 8px; border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px; border-bottom-left-radius: 8px;
} }
@ -938,7 +940,8 @@ body.layout-single-column {
.layout-single-column .account-timeline__header + article .status::before, /* no divider above first post on profile pages */ .layout-single-column .account-timeline__header + article .status::before, /* no divider above first post on profile pages */
.layout-single-column .scrollable > div:first-child > .status::before, /* no divider above first post in a column thread */ .layout-single-column .scrollable > div:first-child > .status::before, /* no divider above first post in a column thread */
.layout-single-column .scrollable > div:first-child > div:first-child .status::before, /* no divider above first post in a column thread (backwards compatibility with 4.1.*) */ .layout-single-column .scrollable > div:first-child > div:first-child .status::before, /* no divider above first post in a column thread (backwards compatibility with 4.1.*) */
.layout-single-column .hashtag-header + article .status::before { .layout-single-column .hashtag-header + article .status::before,
.layout-single-column .search-results__section .search-results__section__header + div .status::before {
display: none; display: none;
} }
@media screen and (min-width:890px) and (max-width:1174px) { /* no divider above first post in a column thread on medium-size devices */ @media screen and (min-width:890px) and (max-width:1174px) { /* no divider above first post in a column thread on medium-size devices */
@ -2661,11 +2664,11 @@ body.layout-single-column {
border-bottom: 0; border-bottom: 0;
} }
.layout-single-column .search-results__section__header { .layout-single-column .search-results__section__header {
background-color: var(--color-accent-bg); background-color: var(--color-content-secondary-bg);
border-top: 1px solid var(--color-accent-lines); border-top: 1px solid var(--color-lines);
border-left: 1px solid var(--color-accent-lines); border-left: 1px solid var(--color-lines);
border-right: 1px solid var(--color-accent-lines); border-right: 1px solid var(--color-lines);
border-bottom: 1px solid var(--color-accent-lines); border-bottom: 0;
color: var(--color-content-fg); color: var(--color-content-fg);
} }
.layout-single-column .search-results__section__header button { .layout-single-column .search-results__section__header button {

19
mastodon/app/javascript/styles/tangerineui/layout-single-column.scss
View file

@ -832,7 +832,8 @@ body.layout-single-column {
} }
.layout-single-column .scrollable > div:last-child > div:last-child > .status__wrapper, .layout-single-column .scrollable > div:last-child > div:last-child > .status__wrapper,
.layout-single-column .scrollable > div:last-child > .status__wrapper, .layout-single-column .scrollable > div:last-child > .status__wrapper,
.layout-single-column .scrollable > div > article:last-child > div > .status__wrapper { .layout-single-column .scrollable > div > article:last-child > div > .status__wrapper,
.layout-single-column .search-results__section > div:last-child >.status__wrapper {
border-bottom: 1px solid var(--color-lines); border-bottom: 1px solid var(--color-lines);
} }
.layout-single-column .dismissable-banner + .scrollable > div > article:first-child > div > .status__wrapper { .layout-single-column .dismissable-banner + .scrollable > div > article:first-child > div > .status__wrapper {
@ -848,7 +849,8 @@ body.layout-single-column {
} }
.layout-single-column .scrollable > div:last-child > div:last-child > .status__wrapper, .layout-single-column .scrollable > div:last-child > div:last-child > .status__wrapper,
.layout-single-column .scrollable > div:last-child > .status__wrapper, .layout-single-column .scrollable > div:last-child > .status__wrapper,
.layout-single-column .scrollable > div > article:last-child > div > .status__wrapper { .layout-single-column .scrollable > div > article:last-child > div > .status__wrapper,
.layout-single-column .search-results__section > div:last-child >.status__wrapper {
border-bottom-right-radius: 8px; border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px; border-bottom-left-radius: 8px;
} }
@ -938,7 +940,8 @@ body.layout-single-column {
.layout-single-column .account-timeline__header + article .status::before, /* no divider above first post on profile pages */ .layout-single-column .account-timeline__header + article .status::before, /* no divider above first post on profile pages */
.layout-single-column .scrollable > div:first-child > .status::before, /* no divider above first post in a column thread */ .layout-single-column .scrollable > div:first-child > .status::before, /* no divider above first post in a column thread */
.layout-single-column .scrollable > div:first-child > div:first-child .status::before, /* no divider above first post in a column thread (backwards compatibility with 4.1.*) */ .layout-single-column .scrollable > div:first-child > div:first-child .status::before, /* no divider above first post in a column thread (backwards compatibility with 4.1.*) */
.layout-single-column .hashtag-header + article .status::before { .layout-single-column .hashtag-header + article .status::before,
.layout-single-column .search-results__section .search-results__section__header + div .status::before {
display: none; display: none;
} }
@media screen and (min-width:890px) and (max-width:1174px) { /* no divider above first post in a column thread on medium-size devices */ @media screen and (min-width:890px) and (max-width:1174px) { /* no divider above first post in a column thread on medium-size devices */
@ -2661,11 +2664,11 @@ body.layout-single-column {
border-bottom: 0; border-bottom: 0;
} }
.layout-single-column .search-results__section__header { .layout-single-column .search-results__section__header {
background-color: var(--color-accent-bg); background-color: var(--color-content-secondary-bg);
border-top: 1px solid var(--color-accent-lines); border-top: 1px solid var(--color-lines);
border-left: 1px solid var(--color-accent-lines); border-left: 1px solid var(--color-lines);
border-right: 1px solid var(--color-accent-lines); border-right: 1px solid var(--color-lines);
border-bottom: 1px solid var(--color-accent-lines); border-bottom: 0;
color: var(--color-content-fg); color: var(--color-content-fg);
} }
.layout-single-column .search-results__section__header button { .layout-single-column .search-results__section__header button {