Copy CSS files to installation folder
This commit is contained in:
parent
941829c2b8
commit
8ea43c0fdb
4 changed files with 136 additions and 268 deletions
|
@ -2357,7 +2357,7 @@ body.app-body {
|
||||||
color: var(--color-content-fg);
|
color: var(--color-content-fg);
|
||||||
display: flex;
|
display: flex;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
inset-inline-end: 23px;
|
inset-inline-end: 20px;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
.app-body .status__relative-time > * {
|
.app-body .status__relative-time > * {
|
||||||
|
@ -3649,9 +3649,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
}
|
}
|
||||||
|
|
||||||
.app-body .column-header__collapsible {
|
.app-body .column-header__collapsible {
|
||||||
background-color: color-mix(in srgb, var(--color-content-secondary-bg), transparent 15%);
|
background-color: var(--color-content-secondary-bg);
|
||||||
-webkit-backdrop-filter: blur(15px);
|
|
||||||
backdrop-filter: blur(15px);
|
|
||||||
border-left: 1px solid var(--color-lines);
|
border-left: 1px solid var(--color-lines);
|
||||||
border-right: 1px solid var(--color-lines);
|
border-right: 1px solid var(--color-lines);
|
||||||
border-bottom: 0;
|
border-bottom: 0;
|
||||||
|
@ -3797,11 +3795,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.app-body:not(.layout-multiple-columns) .column-header__collapsible { /* Remove margin between column settings and column header */
|
.app-body:not(.layout-multiple-columns) .column-header__collapsible {
|
||||||
margin-top: 1px;
|
margin-top: 1px;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
left: 0;
|
left: -45px;
|
||||||
right: 0;
|
right: -55px;
|
||||||
}
|
}
|
||||||
.app-body:not(.layout-multiple-columns) .column-header__collapsible:not(.collapsed) {
|
.app-body:not(.layout-multiple-columns) .column-header__collapsible:not(.collapsed) {
|
||||||
border-bottom: 1px solid var(--color-lines);
|
border-bottom: 1px solid var(--color-lines);
|
||||||
|
@ -3974,11 +3972,6 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-flow: column;
|
flex-flow: column;
|
||||||
}
|
}
|
||||||
@media screen and (max-width:1174px) {
|
|
||||||
.app-body .navigation-panel__menu {
|
|
||||||
flex-flow: row;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.app-body .column-link--transparent {
|
.app-body .column-link--transparent {
|
||||||
color: var(--color-fg);
|
color: var(--color-fg);
|
||||||
}
|
}
|
||||||
|
@ -4131,33 +4124,13 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
backdrop-filter: blur(20px);
|
backdrop-filter: blur(20px);
|
||||||
}
|
}
|
||||||
.app-body .navigation-panel__menu {
|
.app-body .navigation-panel__menu {
|
||||||
padding-right: 20vw;
|
flex-flow: row;
|
||||||
}
|
overflow-x: auto;
|
||||||
.app-body .columns-area__panels__pane--navigational .columns-area__panels__pane__inner::before {
|
mask-image: linear-gradient(90deg, black 80%, transparent 96%);
|
||||||
content: " ";
|
|
||||||
position: fixed;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
width: 17vw;
|
|
||||||
height: calc(4.2em + var(--safe-area-bottom) - 1px);
|
|
||||||
background-image: linear-gradient(to right, transparent, var(--color-content-bg) 75.63%);
|
|
||||||
background-color: transparent;
|
|
||||||
z-index: 2;
|
|
||||||
}
|
|
||||||
.app-body .columns-area__panels__pane--navigational .navigation-panel::after {
|
|
||||||
content: " ";
|
|
||||||
}
|
|
||||||
.app-body .navigation-panel:has(> *:nth-child(4):last-child)::after,
|
|
||||||
.app-body .navigation-panel:has(> *:nth-child(5):last-child)::after,
|
|
||||||
.app-body .navigation-panel:has(> *:nth-child(6):last-child)::after,
|
|
||||||
.app-body .navigation-panel:has(> *:nth-child(4):last-child)::before,
|
|
||||||
.app-body .navigation-panel:has(> *:nth-child(5):last-child)::before,
|
|
||||||
.app-body .navigation-panel:has(> *:nth-child(6):last-child)::before {
|
|
||||||
display: none;
|
|
||||||
}
|
}
|
||||||
.app-body .navigation-panel :is(.column-link, .navigation-panel__legal),
|
.app-body .navigation-panel :is(.column-link, .navigation-panel__legal),
|
||||||
.app-body .column-link--transparent:is(.active, .active:hover, :active),
|
.app-body .navigation-panel .column-link:is(.active, .active:hover, :active),
|
||||||
.app-body .columns-area__panels__pane--navigational .navigation-panel::after {
|
.app-body .navigation-panel .navigation-panel__menu::after {
|
||||||
flex: 0 0 17vw;
|
flex: 0 0 17vw;
|
||||||
margin: 6px 0 8px;
|
margin: 6px 0 8px;
|
||||||
padding: 4px 0 3px;
|
padding: 4px 0 3px;
|
||||||
|
@ -4169,41 +4142,35 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
transform-origin: center;
|
transform-origin: center;
|
||||||
transition: .2s transform;
|
transition: .3s transform;
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body .navigation-panel .navigation-panel__menu::after {
|
||||||
.navigation-panel__menu:has(> *:nth-child(4):last-child)
|
content: " ";
|
||||||
:is(.column-link, .navigation-panel__legal) {
|
}
|
||||||
|
.app-body .navigation-panel__menu:has(.column-link:first-child:nth-last-child(3)),
|
||||||
|
.app-body .navigation-panel__menu:has(.column-link:first-child:nth-last-child(4)),
|
||||||
|
.app-body .navigation-panel__menu:has(.column-link:first-child:nth-last-child(5)),
|
||||||
|
.app-body .navigation-panel__menu:has(.column-link:first-child:nth-last-child(6)) {
|
||||||
|
mask-image: none;
|
||||||
|
}
|
||||||
|
.app-body .navigation-panel__menu .column-link:first-child:nth-last-child(3),
|
||||||
|
.app-body .navigation-panel__menu .column-link:first-child:nth-last-child(3) ~ *,
|
||||||
|
.app-body .navigation-panel__menu .column-link:first-child:nth-last-child(4),
|
||||||
|
.app-body .navigation-panel__menu .column-link:first-child:nth-last-child(4) ~ *,
|
||||||
|
.app-body .navigation-panel__menu .column-link:first-child:nth-last-child(5),
|
||||||
|
.app-body .navigation-panel__menu .column-link:first-child:nth-last-child(5) ~ *,
|
||||||
|
.app-body .navigation-panel__menu .column-link:first-child:nth-last-child(6),
|
||||||
|
.app-body .navigation-panel__menu .column-link:first-child:nth-last-child(6) ~ * {
|
||||||
flex: 50vw;
|
flex: 50vw;
|
||||||
}
|
}
|
||||||
.app-body .navigation-panel__menu :is(.column-link, .navigation-panel__legal):active {
|
.app-body .navigation-panel__menu:has(.column-link:first-child:nth-last-child(3))::after,
|
||||||
transform: scale(.8);
|
.app-body .navigation-panel__menu:has(.column-link:first-child:nth-last-child(4))::after,
|
||||||
}
|
.app-body .navigation-panel__menu:has(.column-link:first-child:nth-last-child(5))::after,
|
||||||
.app-body
|
.app-body .navigation-panel__menu:has(.column-link:first-child:nth-last-child(6))::after {
|
||||||
.navigation-panel__menu:has(> *:nth-child(5):last-child)
|
|
||||||
:is(.column-link, .navigation-panel__legal),
|
|
||||||
.app-body
|
|
||||||
.navigation-panel__menu:has(> *:nth-child(7):last-child):has(.getting-started__trends)
|
|
||||||
:is(.column-link, .navigation-panel__legal) {
|
|
||||||
flex: calc(100vw / 3);
|
|
||||||
}
|
|
||||||
.app-body
|
|
||||||
.navigation-panel__menu:has(> *:nth-child(6):last-child)
|
|
||||||
:is(.column-link, .navigation-panel__legal) {
|
|
||||||
flex: 25vw;
|
|
||||||
}
|
|
||||||
.app-body
|
|
||||||
.navigation-panel:has(> *:nth-child(7):last-child):has(.getting-started__trends)::after {
|
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
.app-body .column-link--transparent:is(.active, .active:hover, :active) {
|
.app-body .navigation-panel__menu :is(.column-link, .navigation-panel__legal):active {
|
||||||
margin: 6px 0 8px;
|
transform: scale(.85);
|
||||||
padding: 4px 0 3px;
|
|
||||||
border-radius: 8px;
|
|
||||||
border: 0;
|
|
||||||
}
|
|
||||||
.app-body .column-link--transparent.active {
|
|
||||||
animation: bounce-sml .3s 1;
|
|
||||||
}
|
}
|
||||||
.app-body .column-link__icon {
|
.app-body .column-link__icon {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
|
@ -2357,7 +2357,7 @@ body.app-body {
|
||||||
color: var(--color-content-fg);
|
color: var(--color-content-fg);
|
||||||
display: flex;
|
display: flex;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
inset-inline-end: 23px;
|
inset-inline-end: 20px;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
.app-body .status__relative-time > * {
|
.app-body .status__relative-time > * {
|
||||||
|
@ -3649,9 +3649,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
}
|
}
|
||||||
|
|
||||||
.app-body .column-header__collapsible {
|
.app-body .column-header__collapsible {
|
||||||
background-color: color-mix(in srgb, var(--color-content-secondary-bg), transparent 15%);
|
background-color: var(--color-content-secondary-bg);
|
||||||
-webkit-backdrop-filter: blur(15px);
|
|
||||||
backdrop-filter: blur(15px);
|
|
||||||
border-left: 1px solid var(--color-lines);
|
border-left: 1px solid var(--color-lines);
|
||||||
border-right: 1px solid var(--color-lines);
|
border-right: 1px solid var(--color-lines);
|
||||||
border-bottom: 0;
|
border-bottom: 0;
|
||||||
|
@ -3797,11 +3795,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.app-body:not(.layout-multiple-columns) .column-header__collapsible { /* Remove margin between column settings and column header */
|
.app-body:not(.layout-multiple-columns) .column-header__collapsible {
|
||||||
margin-top: 1px;
|
margin-top: 1px;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
left: 0;
|
left: -45px;
|
||||||
right: 0;
|
right: -55px;
|
||||||
}
|
}
|
||||||
.app-body:not(.layout-multiple-columns) .column-header__collapsible:not(.collapsed) {
|
.app-body:not(.layout-multiple-columns) .column-header__collapsible:not(.collapsed) {
|
||||||
border-bottom: 1px solid var(--color-lines);
|
border-bottom: 1px solid var(--color-lines);
|
||||||
|
@ -3974,11 +3972,6 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-flow: column;
|
flex-flow: column;
|
||||||
}
|
}
|
||||||
@media screen and (max-width:1174px) {
|
|
||||||
.app-body .navigation-panel__menu {
|
|
||||||
flex-flow: row;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.app-body .column-link--transparent {
|
.app-body .column-link--transparent {
|
||||||
color: var(--color-fg);
|
color: var(--color-fg);
|
||||||
}
|
}
|
||||||
|
@ -4131,33 +4124,13 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
backdrop-filter: blur(20px);
|
backdrop-filter: blur(20px);
|
||||||
}
|
}
|
||||||
.app-body .navigation-panel__menu {
|
.app-body .navigation-panel__menu {
|
||||||
padding-right: 20vw;
|
flex-flow: row;
|
||||||
}
|
overflow-x: auto;
|
||||||
.app-body .columns-area__panels__pane--navigational .columns-area__panels__pane__inner::before {
|
mask-image: linear-gradient(90deg, black 80%, transparent 96%);
|
||||||
content: " ";
|
|
||||||
position: fixed;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
width: 17vw;
|
|
||||||
height: calc(4.2em + var(--safe-area-bottom) - 1px);
|
|
||||||
background-image: linear-gradient(to right, transparent, var(--color-content-bg) 75.63%);
|
|
||||||
background-color: transparent;
|
|
||||||
z-index: 2;
|
|
||||||
}
|
|
||||||
.app-body .columns-area__panels__pane--navigational .navigation-panel::after {
|
|
||||||
content: " ";
|
|
||||||
}
|
|
||||||
.app-body .navigation-panel:has(> *:nth-child(4):last-child)::after,
|
|
||||||
.app-body .navigation-panel:has(> *:nth-child(5):last-child)::after,
|
|
||||||
.app-body .navigation-panel:has(> *:nth-child(6):last-child)::after,
|
|
||||||
.app-body .navigation-panel:has(> *:nth-child(4):last-child)::before,
|
|
||||||
.app-body .navigation-panel:has(> *:nth-child(5):last-child)::before,
|
|
||||||
.app-body .navigation-panel:has(> *:nth-child(6):last-child)::before {
|
|
||||||
display: none;
|
|
||||||
}
|
}
|
||||||
.app-body .navigation-panel :is(.column-link, .navigation-panel__legal),
|
.app-body .navigation-panel :is(.column-link, .navigation-panel__legal),
|
||||||
.app-body .column-link--transparent:is(.active, .active:hover, :active),
|
.app-body .navigation-panel .column-link:is(.active, .active:hover, :active),
|
||||||
.app-body .columns-area__panels__pane--navigational .navigation-panel::after {
|
.app-body .navigation-panel .navigation-panel__menu::after {
|
||||||
flex: 0 0 17vw;
|
flex: 0 0 17vw;
|
||||||
margin: 6px 0 8px;
|
margin: 6px 0 8px;
|
||||||
padding: 4px 0 3px;
|
padding: 4px 0 3px;
|
||||||
|
@ -4169,41 +4142,35 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
transform-origin: center;
|
transform-origin: center;
|
||||||
transition: .2s transform;
|
transition: .3s transform;
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body .navigation-panel .navigation-panel__menu::after {
|
||||||
.navigation-panel__menu:has(> *:nth-child(4):last-child)
|
content: " ";
|
||||||
:is(.column-link, .navigation-panel__legal) {
|
}
|
||||||
|
.app-body .navigation-panel__menu:has(.column-link:first-child:nth-last-child(3)),
|
||||||
|
.app-body .navigation-panel__menu:has(.column-link:first-child:nth-last-child(4)),
|
||||||
|
.app-body .navigation-panel__menu:has(.column-link:first-child:nth-last-child(5)),
|
||||||
|
.app-body .navigation-panel__menu:has(.column-link:first-child:nth-last-child(6)) {
|
||||||
|
mask-image: none;
|
||||||
|
}
|
||||||
|
.app-body .navigation-panel__menu .column-link:first-child:nth-last-child(3),
|
||||||
|
.app-body .navigation-panel__menu .column-link:first-child:nth-last-child(3) ~ *,
|
||||||
|
.app-body .navigation-panel__menu .column-link:first-child:nth-last-child(4),
|
||||||
|
.app-body .navigation-panel__menu .column-link:first-child:nth-last-child(4) ~ *,
|
||||||
|
.app-body .navigation-panel__menu .column-link:first-child:nth-last-child(5),
|
||||||
|
.app-body .navigation-panel__menu .column-link:first-child:nth-last-child(5) ~ *,
|
||||||
|
.app-body .navigation-panel__menu .column-link:first-child:nth-last-child(6),
|
||||||
|
.app-body .navigation-panel__menu .column-link:first-child:nth-last-child(6) ~ * {
|
||||||
flex: 50vw;
|
flex: 50vw;
|
||||||
}
|
}
|
||||||
.app-body .navigation-panel__menu :is(.column-link, .navigation-panel__legal):active {
|
.app-body .navigation-panel__menu:has(.column-link:first-child:nth-last-child(3))::after,
|
||||||
transform: scale(.8);
|
.app-body .navigation-panel__menu:has(.column-link:first-child:nth-last-child(4))::after,
|
||||||
}
|
.app-body .navigation-panel__menu:has(.column-link:first-child:nth-last-child(5))::after,
|
||||||
.app-body
|
.app-body .navigation-panel__menu:has(.column-link:first-child:nth-last-child(6))::after {
|
||||||
.navigation-panel__menu:has(> *:nth-child(5):last-child)
|
|
||||||
:is(.column-link, .navigation-panel__legal),
|
|
||||||
.app-body
|
|
||||||
.navigation-panel__menu:has(> *:nth-child(7):last-child):has(.getting-started__trends)
|
|
||||||
:is(.column-link, .navigation-panel__legal) {
|
|
||||||
flex: calc(100vw / 3);
|
|
||||||
}
|
|
||||||
.app-body
|
|
||||||
.navigation-panel__menu:has(> *:nth-child(6):last-child)
|
|
||||||
:is(.column-link, .navigation-panel__legal) {
|
|
||||||
flex: 25vw;
|
|
||||||
}
|
|
||||||
.app-body
|
|
||||||
.navigation-panel:has(> *:nth-child(7):last-child):has(.getting-started__trends)::after {
|
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
.app-body .column-link--transparent:is(.active, .active:hover, :active) {
|
.app-body .navigation-panel__menu :is(.column-link, .navigation-panel__legal):active {
|
||||||
margin: 6px 0 8px;
|
transform: scale(.85);
|
||||||
padding: 4px 0 3px;
|
|
||||||
border-radius: 8px;
|
|
||||||
border: 0;
|
|
||||||
}
|
|
||||||
.app-body .column-link--transparent.active {
|
|
||||||
animation: bounce-sml .3s 1;
|
|
||||||
}
|
}
|
||||||
.app-body .column-link__icon {
|
.app-body .column-link__icon {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
|
@ -2357,7 +2357,7 @@ body.app-body {
|
||||||
color: var(--color-content-fg);
|
color: var(--color-content-fg);
|
||||||
display: flex;
|
display: flex;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
inset-inline-end: 23px;
|
inset-inline-end: 20px;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
.app-body .status__relative-time > * {
|
.app-body .status__relative-time > * {
|
||||||
|
@ -3649,9 +3649,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
}
|
}
|
||||||
|
|
||||||
.app-body .column-header__collapsible {
|
.app-body .column-header__collapsible {
|
||||||
background-color: color-mix(in srgb, var(--color-content-secondary-bg), transparent 15%);
|
background-color: var(--color-content-secondary-bg);
|
||||||
-webkit-backdrop-filter: blur(15px);
|
|
||||||
backdrop-filter: blur(15px);
|
|
||||||
border-left: 1px solid var(--color-lines);
|
border-left: 1px solid var(--color-lines);
|
||||||
border-right: 1px solid var(--color-lines);
|
border-right: 1px solid var(--color-lines);
|
||||||
border-bottom: 0;
|
border-bottom: 0;
|
||||||
|
@ -3797,11 +3795,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.app-body:not(.layout-multiple-columns) .column-header__collapsible { /* Remove margin between column settings and column header */
|
.app-body:not(.layout-multiple-columns) .column-header__collapsible {
|
||||||
margin-top: 1px;
|
margin-top: 1px;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
left: 0;
|
left: -45px;
|
||||||
right: 0;
|
right: -55px;
|
||||||
}
|
}
|
||||||
.app-body:not(.layout-multiple-columns) .column-header__collapsible:not(.collapsed) {
|
.app-body:not(.layout-multiple-columns) .column-header__collapsible:not(.collapsed) {
|
||||||
border-bottom: 1px solid var(--color-lines);
|
border-bottom: 1px solid var(--color-lines);
|
||||||
|
@ -3974,11 +3972,6 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-flow: column;
|
flex-flow: column;
|
||||||
}
|
}
|
||||||
@media screen and (max-width:1174px) {
|
|
||||||
.app-body .navigation-panel__menu {
|
|
||||||
flex-flow: row;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.app-body .column-link--transparent {
|
.app-body .column-link--transparent {
|
||||||
color: var(--color-fg);
|
color: var(--color-fg);
|
||||||
}
|
}
|
||||||
|
@ -4131,33 +4124,13 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
backdrop-filter: blur(20px);
|
backdrop-filter: blur(20px);
|
||||||
}
|
}
|
||||||
.app-body .navigation-panel__menu {
|
.app-body .navigation-panel__menu {
|
||||||
padding-right: 20vw;
|
flex-flow: row;
|
||||||
}
|
overflow-x: auto;
|
||||||
.app-body .columns-area__panels__pane--navigational .columns-area__panels__pane__inner::before {
|
mask-image: linear-gradient(90deg, black 80%, transparent 96%);
|
||||||
content: " ";
|
|
||||||
position: fixed;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
width: 17vw;
|
|
||||||
height: calc(4.2em + var(--safe-area-bottom) - 1px);
|
|
||||||
background-image: linear-gradient(to right, transparent, var(--color-content-bg) 75.63%);
|
|
||||||
background-color: transparent;
|
|
||||||
z-index: 2;
|
|
||||||
}
|
|
||||||
.app-body .columns-area__panels__pane--navigational .navigation-panel::after {
|
|
||||||
content: " ";
|
|
||||||
}
|
|
||||||
.app-body .navigation-panel:has(> *:nth-child(4):last-child)::after,
|
|
||||||
.app-body .navigation-panel:has(> *:nth-child(5):last-child)::after,
|
|
||||||
.app-body .navigation-panel:has(> *:nth-child(6):last-child)::after,
|
|
||||||
.app-body .navigation-panel:has(> *:nth-child(4):last-child)::before,
|
|
||||||
.app-body .navigation-panel:has(> *:nth-child(5):last-child)::before,
|
|
||||||
.app-body .navigation-panel:has(> *:nth-child(6):last-child)::before {
|
|
||||||
display: none;
|
|
||||||
}
|
}
|
||||||
.app-body .navigation-panel :is(.column-link, .navigation-panel__legal),
|
.app-body .navigation-panel :is(.column-link, .navigation-panel__legal),
|
||||||
.app-body .column-link--transparent:is(.active, .active:hover, :active),
|
.app-body .navigation-panel .column-link:is(.active, .active:hover, :active),
|
||||||
.app-body .columns-area__panels__pane--navigational .navigation-panel::after {
|
.app-body .navigation-panel .navigation-panel__menu::after {
|
||||||
flex: 0 0 17vw;
|
flex: 0 0 17vw;
|
||||||
margin: 6px 0 8px;
|
margin: 6px 0 8px;
|
||||||
padding: 4px 0 3px;
|
padding: 4px 0 3px;
|
||||||
|
@ -4169,41 +4142,35 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
transform-origin: center;
|
transform-origin: center;
|
||||||
transition: .2s transform;
|
transition: .3s transform;
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body .navigation-panel .navigation-panel__menu::after {
|
||||||
.navigation-panel__menu:has(> *:nth-child(4):last-child)
|
content: " ";
|
||||||
:is(.column-link, .navigation-panel__legal) {
|
}
|
||||||
|
.app-body .navigation-panel__menu:has(.column-link:first-child:nth-last-child(3)),
|
||||||
|
.app-body .navigation-panel__menu:has(.column-link:first-child:nth-last-child(4)),
|
||||||
|
.app-body .navigation-panel__menu:has(.column-link:first-child:nth-last-child(5)),
|
||||||
|
.app-body .navigation-panel__menu:has(.column-link:first-child:nth-last-child(6)) {
|
||||||
|
mask-image: none;
|
||||||
|
}
|
||||||
|
.app-body .navigation-panel__menu .column-link:first-child:nth-last-child(3),
|
||||||
|
.app-body .navigation-panel__menu .column-link:first-child:nth-last-child(3) ~ *,
|
||||||
|
.app-body .navigation-panel__menu .column-link:first-child:nth-last-child(4),
|
||||||
|
.app-body .navigation-panel__menu .column-link:first-child:nth-last-child(4) ~ *,
|
||||||
|
.app-body .navigation-panel__menu .column-link:first-child:nth-last-child(5),
|
||||||
|
.app-body .navigation-panel__menu .column-link:first-child:nth-last-child(5) ~ *,
|
||||||
|
.app-body .navigation-panel__menu .column-link:first-child:nth-last-child(6),
|
||||||
|
.app-body .navigation-panel__menu .column-link:first-child:nth-last-child(6) ~ * {
|
||||||
flex: 50vw;
|
flex: 50vw;
|
||||||
}
|
}
|
||||||
.app-body .navigation-panel__menu :is(.column-link, .navigation-panel__legal):active {
|
.app-body .navigation-panel__menu:has(.column-link:first-child:nth-last-child(3))::after,
|
||||||
transform: scale(.8);
|
.app-body .navigation-panel__menu:has(.column-link:first-child:nth-last-child(4))::after,
|
||||||
}
|
.app-body .navigation-panel__menu:has(.column-link:first-child:nth-last-child(5))::after,
|
||||||
.app-body
|
.app-body .navigation-panel__menu:has(.column-link:first-child:nth-last-child(6))::after {
|
||||||
.navigation-panel__menu:has(> *:nth-child(5):last-child)
|
|
||||||
:is(.column-link, .navigation-panel__legal),
|
|
||||||
.app-body
|
|
||||||
.navigation-panel__menu:has(> *:nth-child(7):last-child):has(.getting-started__trends)
|
|
||||||
:is(.column-link, .navigation-panel__legal) {
|
|
||||||
flex: calc(100vw / 3);
|
|
||||||
}
|
|
||||||
.app-body
|
|
||||||
.navigation-panel__menu:has(> *:nth-child(6):last-child)
|
|
||||||
:is(.column-link, .navigation-panel__legal) {
|
|
||||||
flex: 25vw;
|
|
||||||
}
|
|
||||||
.app-body
|
|
||||||
.navigation-panel:has(> *:nth-child(7):last-child):has(.getting-started__trends)::after {
|
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
.app-body .column-link--transparent:is(.active, .active:hover, :active) {
|
.app-body .navigation-panel__menu :is(.column-link, .navigation-panel__legal):active {
|
||||||
margin: 6px 0 8px;
|
transform: scale(.85);
|
||||||
padding: 4px 0 3px;
|
|
||||||
border-radius: 8px;
|
|
||||||
border: 0;
|
|
||||||
}
|
|
||||||
.app-body .column-link--transparent.active {
|
|
||||||
animation: bounce-sml .3s 1;
|
|
||||||
}
|
}
|
||||||
.app-body .column-link__icon {
|
.app-body .column-link__icon {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
|
@ -2357,7 +2357,7 @@ body.app-body {
|
||||||
color: var(--color-content-fg);
|
color: var(--color-content-fg);
|
||||||
display: flex;
|
display: flex;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
inset-inline-end: 23px;
|
inset-inline-end: 20px;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
.app-body .status__relative-time > * {
|
.app-body .status__relative-time > * {
|
||||||
|
@ -3649,9 +3649,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
}
|
}
|
||||||
|
|
||||||
.app-body .column-header__collapsible {
|
.app-body .column-header__collapsible {
|
||||||
background-color: color-mix(in srgb, var(--color-content-secondary-bg), transparent 15%);
|
background-color: var(--color-content-secondary-bg);
|
||||||
-webkit-backdrop-filter: blur(15px);
|
|
||||||
backdrop-filter: blur(15px);
|
|
||||||
border-left: 1px solid var(--color-lines);
|
border-left: 1px solid var(--color-lines);
|
||||||
border-right: 1px solid var(--color-lines);
|
border-right: 1px solid var(--color-lines);
|
||||||
border-bottom: 0;
|
border-bottom: 0;
|
||||||
|
@ -3797,11 +3795,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.app-body:not(.layout-multiple-columns) .column-header__collapsible { /* Remove margin between column settings and column header */
|
.app-body:not(.layout-multiple-columns) .column-header__collapsible {
|
||||||
margin-top: 1px;
|
margin-top: 1px;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
left: 0;
|
left: -45px;
|
||||||
right: 0;
|
right: -55px;
|
||||||
}
|
}
|
||||||
.app-body:not(.layout-multiple-columns) .column-header__collapsible:not(.collapsed) {
|
.app-body:not(.layout-multiple-columns) .column-header__collapsible:not(.collapsed) {
|
||||||
border-bottom: 1px solid var(--color-lines);
|
border-bottom: 1px solid var(--color-lines);
|
||||||
|
@ -3974,11 +3972,6 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-flow: column;
|
flex-flow: column;
|
||||||
}
|
}
|
||||||
@media screen and (max-width:1174px) {
|
|
||||||
.app-body .navigation-panel__menu {
|
|
||||||
flex-flow: row;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.app-body .column-link--transparent {
|
.app-body .column-link--transparent {
|
||||||
color: var(--color-fg);
|
color: var(--color-fg);
|
||||||
}
|
}
|
||||||
|
@ -4131,33 +4124,13 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
backdrop-filter: blur(20px);
|
backdrop-filter: blur(20px);
|
||||||
}
|
}
|
||||||
.app-body .navigation-panel__menu {
|
.app-body .navigation-panel__menu {
|
||||||
padding-right: 20vw;
|
flex-flow: row;
|
||||||
}
|
overflow-x: auto;
|
||||||
.app-body .columns-area__panels__pane--navigational .columns-area__panels__pane__inner::before {
|
mask-image: linear-gradient(90deg, black 80%, transparent 96%);
|
||||||
content: " ";
|
|
||||||
position: fixed;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
width: 17vw;
|
|
||||||
height: calc(4.2em + var(--safe-area-bottom) - 1px);
|
|
||||||
background-image: linear-gradient(to right, transparent, var(--color-content-bg) 75.63%);
|
|
||||||
background-color: transparent;
|
|
||||||
z-index: 2;
|
|
||||||
}
|
|
||||||
.app-body .columns-area__panels__pane--navigational .navigation-panel::after {
|
|
||||||
content: " ";
|
|
||||||
}
|
|
||||||
.app-body .navigation-panel:has(> *:nth-child(4):last-child)::after,
|
|
||||||
.app-body .navigation-panel:has(> *:nth-child(5):last-child)::after,
|
|
||||||
.app-body .navigation-panel:has(> *:nth-child(6):last-child)::after,
|
|
||||||
.app-body .navigation-panel:has(> *:nth-child(4):last-child)::before,
|
|
||||||
.app-body .navigation-panel:has(> *:nth-child(5):last-child)::before,
|
|
||||||
.app-body .navigation-panel:has(> *:nth-child(6):last-child)::before {
|
|
||||||
display: none;
|
|
||||||
}
|
}
|
||||||
.app-body .navigation-panel :is(.column-link, .navigation-panel__legal),
|
.app-body .navigation-panel :is(.column-link, .navigation-panel__legal),
|
||||||
.app-body .column-link--transparent:is(.active, .active:hover, :active),
|
.app-body .navigation-panel .column-link:is(.active, .active:hover, :active),
|
||||||
.app-body .columns-area__panels__pane--navigational .navigation-panel::after {
|
.app-body .navigation-panel .navigation-panel__menu::after {
|
||||||
flex: 0 0 17vw;
|
flex: 0 0 17vw;
|
||||||
margin: 6px 0 8px;
|
margin: 6px 0 8px;
|
||||||
padding: 4px 0 3px;
|
padding: 4px 0 3px;
|
||||||
|
@ -4169,41 +4142,35 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
transform-origin: center;
|
transform-origin: center;
|
||||||
transition: .2s transform;
|
transition: .3s transform;
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body .navigation-panel .navigation-panel__menu::after {
|
||||||
.navigation-panel__menu:has(> *:nth-child(4):last-child)
|
content: " ";
|
||||||
:is(.column-link, .navigation-panel__legal) {
|
}
|
||||||
|
.app-body .navigation-panel__menu:has(.column-link:first-child:nth-last-child(3)),
|
||||||
|
.app-body .navigation-panel__menu:has(.column-link:first-child:nth-last-child(4)),
|
||||||
|
.app-body .navigation-panel__menu:has(.column-link:first-child:nth-last-child(5)),
|
||||||
|
.app-body .navigation-panel__menu:has(.column-link:first-child:nth-last-child(6)) {
|
||||||
|
mask-image: none;
|
||||||
|
}
|
||||||
|
.app-body .navigation-panel__menu .column-link:first-child:nth-last-child(3),
|
||||||
|
.app-body .navigation-panel__menu .column-link:first-child:nth-last-child(3) ~ *,
|
||||||
|
.app-body .navigation-panel__menu .column-link:first-child:nth-last-child(4),
|
||||||
|
.app-body .navigation-panel__menu .column-link:first-child:nth-last-child(4) ~ *,
|
||||||
|
.app-body .navigation-panel__menu .column-link:first-child:nth-last-child(5),
|
||||||
|
.app-body .navigation-panel__menu .column-link:first-child:nth-last-child(5) ~ *,
|
||||||
|
.app-body .navigation-panel__menu .column-link:first-child:nth-last-child(6),
|
||||||
|
.app-body .navigation-panel__menu .column-link:first-child:nth-last-child(6) ~ * {
|
||||||
flex: 50vw;
|
flex: 50vw;
|
||||||
}
|
}
|
||||||
.app-body .navigation-panel__menu :is(.column-link, .navigation-panel__legal):active {
|
.app-body .navigation-panel__menu:has(.column-link:first-child:nth-last-child(3))::after,
|
||||||
transform: scale(.8);
|
.app-body .navigation-panel__menu:has(.column-link:first-child:nth-last-child(4))::after,
|
||||||
}
|
.app-body .navigation-panel__menu:has(.column-link:first-child:nth-last-child(5))::after,
|
||||||
.app-body
|
.app-body .navigation-panel__menu:has(.column-link:first-child:nth-last-child(6))::after {
|
||||||
.navigation-panel__menu:has(> *:nth-child(5):last-child)
|
|
||||||
:is(.column-link, .navigation-panel__legal),
|
|
||||||
.app-body
|
|
||||||
.navigation-panel__menu:has(> *:nth-child(7):last-child):has(.getting-started__trends)
|
|
||||||
:is(.column-link, .navigation-panel__legal) {
|
|
||||||
flex: calc(100vw / 3);
|
|
||||||
}
|
|
||||||
.app-body
|
|
||||||
.navigation-panel__menu:has(> *:nth-child(6):last-child)
|
|
||||||
:is(.column-link, .navigation-panel__legal) {
|
|
||||||
flex: 25vw;
|
|
||||||
}
|
|
||||||
.app-body
|
|
||||||
.navigation-panel:has(> *:nth-child(7):last-child):has(.getting-started__trends)::after {
|
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
.app-body .column-link--transparent:is(.active, .active:hover, :active) {
|
.app-body .navigation-panel__menu :is(.column-link, .navigation-panel__legal):active {
|
||||||
margin: 6px 0 8px;
|
transform: scale(.85);
|
||||||
padding: 4px 0 3px;
|
|
||||||
border-radius: 8px;
|
|
||||||
border: 0;
|
|
||||||
}
|
|
||||||
.app-body .column-link--transparent.active {
|
|
||||||
animation: bounce-sml .3s 1;
|
|
||||||
}
|
}
|
||||||
.app-body .column-link__icon {
|
.app-body .column-link__icon {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
Loading…
Reference in a new issue