Mastodon v4.2.0 support: Hashtag buttons on posts
This commit is contained in:
parent
1a6a8c979e
commit
7eb9253d4d
4 changed files with 44 additions and 0 deletions
|
|
@ -1065,6 +1065,17 @@ body.layout-single-column {
|
||||||
border-bottom-right-radius: 8px;
|
border-bottom-right-radius: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Hashtag bar */
|
||||||
|
.layout-single-column .hashtag-bar a {
|
||||||
|
color: var(--color-accent);
|
||||||
|
background-color: var(--color-accent-bg);
|
||||||
|
border-radius: 8px;
|
||||||
|
transition: all .3s;
|
||||||
|
}
|
||||||
|
.layout-single-column .hashtag-bar a:hover {
|
||||||
|
background-color: var(--color-content-secondary-bg);
|
||||||
|
}
|
||||||
|
|
||||||
/* ⭐ Action bar */
|
/* ⭐ Action bar */
|
||||||
.layout-single-column .status__action-bar {
|
.layout-single-column .status__action-bar {
|
||||||
justify-content: left;
|
justify-content: left;
|
||||||
|
|
|
||||||
|
|
@ -1065,6 +1065,17 @@ body.layout-single-column {
|
||||||
border-bottom-right-radius: 8px;
|
border-bottom-right-radius: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Hashtag bar */
|
||||||
|
.layout-single-column .hashtag-bar a {
|
||||||
|
color: var(--color-accent);
|
||||||
|
background-color: var(--color-accent-bg);
|
||||||
|
border-radius: 8px;
|
||||||
|
transition: all .3s;
|
||||||
|
}
|
||||||
|
.layout-single-column .hashtag-bar a:hover {
|
||||||
|
background-color: var(--color-content-secondary-bg);
|
||||||
|
}
|
||||||
|
|
||||||
/* ⭐ Action bar */
|
/* ⭐ Action bar */
|
||||||
.layout-single-column .status__action-bar {
|
.layout-single-column .status__action-bar {
|
||||||
justify-content: left;
|
justify-content: left;
|
||||||
|
|
|
||||||
|
|
@ -1065,6 +1065,17 @@ body.layout-single-column {
|
||||||
border-bottom-right-radius: 8px;
|
border-bottom-right-radius: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Hashtag bar */
|
||||||
|
.layout-single-column .hashtag-bar a {
|
||||||
|
color: var(--color-accent);
|
||||||
|
background-color: var(--color-accent-bg);
|
||||||
|
border-radius: 8px;
|
||||||
|
transition: all .3s;
|
||||||
|
}
|
||||||
|
.layout-single-column .hashtag-bar a:hover {
|
||||||
|
background-color: var(--color-content-secondary-bg);
|
||||||
|
}
|
||||||
|
|
||||||
/* ⭐ Action bar */
|
/* ⭐ Action bar */
|
||||||
.layout-single-column .status__action-bar {
|
.layout-single-column .status__action-bar {
|
||||||
justify-content: left;
|
justify-content: left;
|
||||||
|
|
|
||||||
|
|
@ -1065,6 +1065,17 @@ body.layout-single-column {
|
||||||
border-bottom-right-radius: 8px;
|
border-bottom-right-radius: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Hashtag bar */
|
||||||
|
.layout-single-column .hashtag-bar a {
|
||||||
|
color: var(--color-accent);
|
||||||
|
background-color: var(--color-accent-bg);
|
||||||
|
border-radius: 8px;
|
||||||
|
transition: all .3s;
|
||||||
|
}
|
||||||
|
.layout-single-column .hashtag-bar a:hover {
|
||||||
|
background-color: var(--color-content-secondary-bg);
|
||||||
|
}
|
||||||
|
|
||||||
/* ⭐ Action bar */
|
/* ⭐ Action bar */
|
||||||
.layout-single-column .status__action-bar {
|
.layout-single-column .status__action-bar {
|
||||||
justify-content: left;
|
justify-content: left;
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue