Copy CSS files to installation folder
This commit is contained in:
parent
6858d55982
commit
d3db391cd6
3 changed files with 51 additions and 3 deletions
|
@ -448,6 +448,9 @@ body.app-body {
|
|||
background-image: var(--icon-star);
|
||||
margin: 0 4px -2px 0;
|
||||
}
|
||||
.app-body .media-modal__overlay .icon-star {
|
||||
background-image: var(--icon-star);
|
||||
}
|
||||
/* Boost */
|
||||
.app-body .icon-retweet {
|
||||
background-image: var(--icon-boost-accent);
|
||||
|
@ -480,6 +483,9 @@ body.app-body {
|
|||
background-image: var(--icon-boost-accent);
|
||||
vertical-align: middle;
|
||||
}
|
||||
.app-body .media-modal__overlay .icon-retweet {
|
||||
background-image: var(--icon-boost);
|
||||
}
|
||||
/* Reply */
|
||||
.app-body .icon-reply,
|
||||
.app-body .icon-reply-all {
|
||||
|
@ -488,6 +494,9 @@ body.app-body {
|
|||
.app-body .detailed-status__action-bar :is(.icon-reply, .icon-reply-all) {
|
||||
background-image: var(--icon-reply-accent);
|
||||
}
|
||||
.app-body .media-modal__overlay :is(.icon-reply, .icon-reply-all) {
|
||||
background-image: var(--icon-reply);
|
||||
}
|
||||
/* Ellipsis */
|
||||
.app-body :is(.icon-ellipsis-h, .icon-ellipsis-v) {
|
||||
background-image: var(--icon-ellipsis-accent);
|
||||
|
@ -2618,6 +2627,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
|||
}
|
||||
.app-body
|
||||
.navigation-panel:has(> *:nth-child(5):last-child)
|
||||
:is(.column-link, .navigation-panel__legal),
|
||||
.app-body
|
||||
.navigation-panel:has(> *:nth-child(7):last-child):has(.getting-started__trends)
|
||||
:is(.column-link, .navigation-panel__legal) {
|
||||
flex: calc(100vw / 3);
|
||||
}
|
||||
|
@ -2626,6 +2638,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
|||
: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;
|
||||
}
|
||||
.app-body .column-link--transparent:is(.active, .active:hover, :active) {
|
||||
margin: 6px 0 8px;
|
||||
padding: 4px 0 3px;
|
||||
|
|
|
@ -448,6 +448,9 @@ body.app-body {
|
|||
background-image: var(--icon-star);
|
||||
margin: 0 4px -2px 0;
|
||||
}
|
||||
.app-body .media-modal__overlay .icon-star {
|
||||
background-image: var(--icon-star);
|
||||
}
|
||||
/* Boost */
|
||||
.app-body .icon-retweet {
|
||||
background-image: var(--icon-boost-accent);
|
||||
|
@ -480,6 +483,9 @@ body.app-body {
|
|||
background-image: var(--icon-boost-accent);
|
||||
vertical-align: middle;
|
||||
}
|
||||
.app-body .media-modal__overlay .icon-retweet {
|
||||
background-image: var(--icon-boost);
|
||||
}
|
||||
/* Reply */
|
||||
.app-body .icon-reply,
|
||||
.app-body .icon-reply-all {
|
||||
|
@ -488,6 +494,9 @@ body.app-body {
|
|||
.app-body .detailed-status__action-bar :is(.icon-reply, .icon-reply-all) {
|
||||
background-image: var(--icon-reply-accent);
|
||||
}
|
||||
.app-body .media-modal__overlay :is(.icon-reply, .icon-reply-all) {
|
||||
background-image: var(--icon-reply);
|
||||
}
|
||||
/* Ellipsis */
|
||||
.app-body :is(.icon-ellipsis-h, .icon-ellipsis-v) {
|
||||
background-image: var(--icon-ellipsis-accent);
|
||||
|
@ -2618,6 +2627,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
|||
}
|
||||
.app-body
|
||||
.navigation-panel:has(> *:nth-child(5):last-child)
|
||||
:is(.column-link, .navigation-panel__legal),
|
||||
.app-body
|
||||
.navigation-panel:has(> *:nth-child(7):last-child):has(.getting-started__trends)
|
||||
:is(.column-link, .navigation-panel__legal) {
|
||||
flex: calc(100vw / 3);
|
||||
}
|
||||
|
@ -2626,6 +2638,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
|||
: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;
|
||||
}
|
||||
.app-body .column-link--transparent:is(.active, .active:hover, :active) {
|
||||
margin: 6px 0 8px;
|
||||
padding: 4px 0 3px;
|
||||
|
|
|
@ -448,6 +448,9 @@ body.app-body {
|
|||
background-image: var(--icon-star);
|
||||
margin: 0 4px -2px 0;
|
||||
}
|
||||
.app-body .media-modal__overlay .icon-star {
|
||||
background-image: var(--icon-star);
|
||||
}
|
||||
/* Boost */
|
||||
.app-body .icon-retweet {
|
||||
background-image: var(--icon-boost-accent);
|
||||
|
@ -480,6 +483,9 @@ body.app-body {
|
|||
background-image: var(--icon-boost-accent);
|
||||
vertical-align: middle;
|
||||
}
|
||||
.app-body .media-modal__overlay .icon-retweet {
|
||||
background-image: var(--icon-boost);
|
||||
}
|
||||
/* Reply */
|
||||
.app-body .icon-reply,
|
||||
.app-body .icon-reply-all {
|
||||
|
@ -488,6 +494,9 @@ body.app-body {
|
|||
.app-body .detailed-status__action-bar :is(.icon-reply, .icon-reply-all) {
|
||||
background-image: var(--icon-reply-accent);
|
||||
}
|
||||
.app-body .media-modal__overlay :is(.icon-reply, .icon-reply-all) {
|
||||
background-image: var(--icon-reply);
|
||||
}
|
||||
/* Ellipsis */
|
||||
.app-body :is(.icon-ellipsis-h, .icon-ellipsis-v) {
|
||||
background-image: var(--icon-ellipsis-accent);
|
||||
|
@ -2618,6 +2627,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
|||
}
|
||||
.app-body
|
||||
.navigation-panel:has(> *:nth-child(5):last-child)
|
||||
:is(.column-link, .navigation-panel__legal),
|
||||
.app-body
|
||||
.navigation-panel:has(> *:nth-child(7):last-child):has(.getting-started__trends)
|
||||
:is(.column-link, .navigation-panel__legal) {
|
||||
flex: calc(100vw / 3);
|
||||
}
|
||||
|
@ -2626,6 +2638,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
|||
: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;
|
||||
}
|
||||
.app-body .column-link--transparent:is(.active, .active:hover, :active) {
|
||||
margin: 6px 0 8px;
|
||||
padding: 4px 0 3px;
|
||||
|
|
Loading…
Reference in a new issue