Revert trending hashtag block title
This commit is contained in:
parent
ea9468fb0b
commit
d1c9ef9c64
3 changed files with 3 additions and 147 deletions
|
|
@ -3596,56 +3596,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-flow: column;
|
flex-flow: column;
|
||||||
}
|
}
|
||||||
.app-body .getting-started__trends h4:not(:has(> a)) {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.app-body .getting-started__trends h4 {
|
.app-body .getting-started__trends h4 {
|
||||||
border-bottom: 0;
|
display: none;
|
||||||
text-transform: none;
|
|
||||||
order: 9;
|
|
||||||
text-align: end;
|
|
||||||
position: relative;
|
|
||||||
padding: 0 10px;
|
|
||||||
margin-top: 10px;
|
|
||||||
}
|
|
||||||
.app-body .getting-started__trends h4::before {
|
|
||||||
content: " ";
|
|
||||||
position: absolute;
|
|
||||||
left: 10px;
|
|
||||||
top: 50%;
|
|
||||||
right: 10px;
|
|
||||||
height: 1px;
|
|
||||||
background-color: var(--color-lines);
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
.app-body .getting-started__trends h4 a {
|
|
||||||
padding: 5px 8px;
|
|
||||||
color: var(--color-accent);
|
|
||||||
background-color: var(--color-bg);
|
|
||||||
border: 1px solid var(--color-accent-bg);
|
|
||||||
outline: 8px solid var(--color-bg);
|
|
||||||
border-radius: 8px;
|
|
||||||
transition:
|
|
||||||
border-color .2s,
|
|
||||||
background-color .2s,
|
|
||||||
transform .2s;
|
|
||||||
position: relative;
|
|
||||||
display: inline-block;
|
|
||||||
z-index: 2;
|
|
||||||
}
|
|
||||||
.app-body:has(.explore__links .trends__item) .getting-started__trends h4 a {
|
|
||||||
background-color: var(--color-accent);
|
|
||||||
color: var(--color-accent-fg);
|
|
||||||
border-color: var(--color-accent);
|
|
||||||
}
|
|
||||||
.app-body .getting-started__trends h4 a:hover {
|
|
||||||
border-color: var(--color-accent);
|
|
||||||
}
|
|
||||||
.app-body .getting-started__trends h4 a:active {
|
|
||||||
transform: scale(.95);
|
|
||||||
}
|
|
||||||
.app-body .getting-started__trends h4 a::after {
|
|
||||||
content: " →";
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3596,56 +3596,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-flow: column;
|
flex-flow: column;
|
||||||
}
|
}
|
||||||
.app-body .getting-started__trends h4:not(:has(> a)) {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.app-body .getting-started__trends h4 {
|
.app-body .getting-started__trends h4 {
|
||||||
border-bottom: 0;
|
display: none;
|
||||||
text-transform: none;
|
|
||||||
order: 9;
|
|
||||||
text-align: end;
|
|
||||||
position: relative;
|
|
||||||
padding: 0 10px;
|
|
||||||
margin-top: 10px;
|
|
||||||
}
|
|
||||||
.app-body .getting-started__trends h4::before {
|
|
||||||
content: " ";
|
|
||||||
position: absolute;
|
|
||||||
left: 10px;
|
|
||||||
top: 50%;
|
|
||||||
right: 10px;
|
|
||||||
height: 1px;
|
|
||||||
background-color: var(--color-lines);
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
.app-body .getting-started__trends h4 a {
|
|
||||||
padding: 5px 8px;
|
|
||||||
color: var(--color-accent);
|
|
||||||
background-color: var(--color-bg);
|
|
||||||
border: 1px solid var(--color-accent-bg);
|
|
||||||
outline: 8px solid var(--color-bg);
|
|
||||||
border-radius: 8px;
|
|
||||||
transition:
|
|
||||||
border-color .2s,
|
|
||||||
background-color .2s,
|
|
||||||
transform .2s;
|
|
||||||
position: relative;
|
|
||||||
display: inline-block;
|
|
||||||
z-index: 2;
|
|
||||||
}
|
|
||||||
.app-body:has(.explore__links .trends__item) .getting-started__trends h4 a {
|
|
||||||
background-color: var(--color-accent);
|
|
||||||
color: var(--color-accent-fg);
|
|
||||||
border-color: var(--color-accent);
|
|
||||||
}
|
|
||||||
.app-body .getting-started__trends h4 a:hover {
|
|
||||||
border-color: var(--color-accent);
|
|
||||||
}
|
|
||||||
.app-body .getting-started__trends h4 a:active {
|
|
||||||
transform: scale(.95);
|
|
||||||
}
|
|
||||||
.app-body .getting-started__trends h4 a::after {
|
|
||||||
content: " →";
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3596,56 +3596,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-flow: column;
|
flex-flow: column;
|
||||||
}
|
}
|
||||||
.app-body .getting-started__trends h4:not(:has(> a)) {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.app-body .getting-started__trends h4 {
|
.app-body .getting-started__trends h4 {
|
||||||
border-bottom: 0;
|
display: none;
|
||||||
text-transform: none;
|
|
||||||
order: 9;
|
|
||||||
text-align: end;
|
|
||||||
position: relative;
|
|
||||||
padding: 0 10px;
|
|
||||||
margin-top: 10px;
|
|
||||||
}
|
|
||||||
.app-body .getting-started__trends h4::before {
|
|
||||||
content: " ";
|
|
||||||
position: absolute;
|
|
||||||
left: 10px;
|
|
||||||
top: 50%;
|
|
||||||
right: 10px;
|
|
||||||
height: 1px;
|
|
||||||
background-color: var(--color-lines);
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
.app-body .getting-started__trends h4 a {
|
|
||||||
padding: 5px 8px;
|
|
||||||
color: var(--color-accent);
|
|
||||||
background-color: var(--color-bg);
|
|
||||||
border: 1px solid var(--color-accent-bg);
|
|
||||||
outline: 8px solid var(--color-bg);
|
|
||||||
border-radius: 8px;
|
|
||||||
transition:
|
|
||||||
border-color .2s,
|
|
||||||
background-color .2s,
|
|
||||||
transform .2s;
|
|
||||||
position: relative;
|
|
||||||
display: inline-block;
|
|
||||||
z-index: 2;
|
|
||||||
}
|
|
||||||
.app-body:has(.explore__links .trends__item) .getting-started__trends h4 a {
|
|
||||||
background-color: var(--color-accent);
|
|
||||||
color: var(--color-accent-fg);
|
|
||||||
border-color: var(--color-accent);
|
|
||||||
}
|
|
||||||
.app-body .getting-started__trends h4 a:hover {
|
|
||||||
border-color: var(--color-accent);
|
|
||||||
}
|
|
||||||
.app-body .getting-started__trends h4 a:active {
|
|
||||||
transform: scale(.95);
|
|
||||||
}
|
|
||||||
.app-body .getting-started__trends h4 a::after {
|
|
||||||
content: " →";
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue