From 8e08c2bff478cf11e0b3989f44ecb01f8b23077a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Nil=C3=A9ane?= Date: Thu, 13 Jul 2023 12:40:54 +0200 Subject: [PATCH 1/2] Fixed account cards in the For You tab --- TangerineUI-purple.css | 34 ++++++++++++++++++++++++++++++++++ TangerineUI.css | 34 ++++++++++++++++++++++++++++++++++ 2 files changed, 68 insertions(+) diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css index 285c6ac..705c821 100644 --- a/TangerineUI-purple.css +++ b/TangerineUI-purple.css @@ -1606,6 +1606,40 @@ body.layout-single-column { box-shadow: 0 0 0 3px var(--color-content-bg); } +/* Account recommendations (For You Tab + User directory */ +.layout-single-column .scrollable .account-card { + margin: 0 0 10px; + background-color: var(--color-content-bg); + border-radius: 7px; +} +.layout-single-column .account-card__header { + padding: 0; + border-radius: 7px 7px 0 0; + height: 128px; + overflow: hidden; +} +.layout-single-column .scrollable .account-card__bio:after { + background: linear-gradient(270deg, var(--color-content-bg), transparent); +} +.layout-single-column .account-card__title__avatar .account__avatar { + border: 0; + border-radius: 50%; + overflow: visible; +} +.layout-single-column .account-card__title__avatar img { + border: 0; + border-radius: 50%; + box-shadow: 0 0 0 3px var(--color-content-bg); +} +.layout-single-column .account-card__title .display-name bdi, +.layout-single-column .account-card__counters__item, +.layout-single-column .account-card__counters__item small { + color: var(--color-content-fg-bold); +} +.layout-single-column .account-card__counters__item small { + opacity: .7; +} + /* 📰 Trending stories */ .layout-single-column .story { background-color: var(--color-content-bg); diff --git a/TangerineUI.css b/TangerineUI.css index 00ff3fa..0f90ab7 100644 --- a/TangerineUI.css +++ b/TangerineUI.css @@ -1606,6 +1606,40 @@ body.layout-single-column { box-shadow: 0 0 0 3px var(--color-content-bg); } +/* Account recommendations (For You Tab + User directory */ +.layout-single-column .scrollable .account-card { + margin: 0 0 10px; + background-color: var(--color-content-bg); + border-radius: 7px; +} +.layout-single-column .account-card__header { + padding: 0; + border-radius: 7px 7px 0 0; + height: 128px; + overflow: hidden; +} +.layout-single-column .scrollable .account-card__bio:after { + background: linear-gradient(270deg, var(--color-content-bg), transparent); +} +.layout-single-column .account-card__title__avatar .account__avatar { + border: 0; + border-radius: 50%; + overflow: visible; +} +.layout-single-column .account-card__title__avatar img { + border: 0; + border-radius: 50%; + box-shadow: 0 0 0 3px var(--color-content-bg); +} +.layout-single-column .account-card__title .display-name bdi, +.layout-single-column .account-card__counters__item, +.layout-single-column .account-card__counters__item small { + color: var(--color-content-fg-bold); +} +.layout-single-column .account-card__counters__item small { + opacity: .7; +} + /* 📰 Trending stories */ .layout-single-column .story { background-color: var(--color-content-bg); From 1a4bcd6491787934d8b83f4652d4c186925eaed6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Nil=C3=A9ane?= Date: Thu, 13 Jul 2023 12:47:57 +0200 Subject: [PATCH 2/2] Added support for account cards in user directory and Explore Tab --- TangerineUI-purple.css | 13 ++++++++++++- TangerineUI.css | 13 ++++++++++++- 2 files changed, 24 insertions(+), 2 deletions(-) diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css index 705c821..d80ecf6 100644 --- a/TangerineUI-purple.css +++ b/TangerineUI-purple.css @@ -1,5 +1,5 @@ /* TangerineUI 🍊 for Mastodon ãƒģ Purple variant đŸĒģ - version: 1.1 + version: 1.2 A Tangerine redesign for Mastodon's Web UI. https://github.com/nileane/TangerineUI-for-Mastodon/ @@ -1639,6 +1639,17 @@ body.layout-single-column { .layout-single-column .account-card__counters__item small { opacity: .7; } +.layout-single-column .account-card__bio a { + color: var(--color-accent); +} +.layout-single-column .filter-form { + background-color: var(--color-accent-bg); + border-radius: 7px; + margin-bottom: 10px; +} +.layout-single-column .filter-form__column { + padding: 10px 15px; +} /* 📰 Trending stories */ .layout-single-column .story { diff --git a/TangerineUI.css b/TangerineUI.css index 0f90ab7..50fef00 100644 --- a/TangerineUI.css +++ b/TangerineUI.css @@ -1,5 +1,5 @@ /* TangerineUI 🍊 for Mastodon - version: 1.1 + version: 1.2 A Tangerine redesign for Mastodon's Web UI. https://github.com/nileane/TangerineUI-for-Mastodon/ @@ -1639,6 +1639,17 @@ body.layout-single-column { .layout-single-column .account-card__counters__item small { opacity: .7; } +.layout-single-column .account-card__bio a { + color: var(--color-accent); +} +.layout-single-column .filter-form { + background-color: var(--color-accent-bg); + border-radius: 7px; + margin-bottom: 10px; +} +.layout-single-column .filter-form__column { + padding: 10px 15px; +} /* 📰 Trending stories */ .layout-single-column .story {