Update mastomodern

This commit is contained in:
Essem 2023-11-25 20:27:38 -06:00
parent 6dd12b9cd2
commit 7a638e3225
No known key found for this signature in database
GPG key ID: 7D497397CC3A2A8C
3 changed files with 76 additions and 203 deletions

View file

@ -1,160 +1,96 @@
body.app-body.flavour-glitch
> #mastodon
.compose-form__autosuggest-wrapper
> :last-child {
body.app-body.flavour-glitch > #mastodon .compose-form__autosuggest-wrapper > :last-child {
padding-bottom: 2em !important;
}
body.app-body.flavour-glitch > #mastodon .compose-form__buttons {
width: 100%;
}
body.app-body.flavour-glitch
> #mastodon
.compose-form__buttons
> div:last-child {
body.app-body.flavour-glitch > #mastodon .compose-form__buttons > div:last-child {
margin-inline-start: auto;
}
body.app-body.flavour-glitch > #mastodon .compose-form__buttons-wrapper {
position: relative;
}
body.app-body.flavour-glitch > #mastodon .character-counter__wrapper {
position: absolute;
inset-inline-end: 0;
bottom: 100%;
margin: 4px;
margin: 4px 4px;
border-radius: 6px;
padding: 0.1em 0.5em;
}
body.app-body.flavour-glitch > #mastodon .character-counter__wrapper span {
font-size: 0.9em;
font-weight: 500;
}
body.app-body.flavour-glitch > #mastodon .collapsed .status__content {
height: auto !important;
overflow: visible;
}
body.app-body.flavour-glitch
> #mastodon
.collapsed
.status__content
.status__content__text {
body.app-body.flavour-glitch > #mastodon .collapsed .status__content .status__content__text {
mask: linear-gradient(to bottom, #000 50px, transparent) !important;
-webkit-mask: linear-gradient(to bottom, #000 50px, transparent) !important;
max-height: 100px;
}
body.app-body.flavour-glitch
> #mastodon
.collapsed
.status__content
p:not(:last-child) {
body.app-body.flavour-glitch > #mastodon .collapsed .status__content p:not(:last-child) {
margin-bottom: 0.4em;
}
body.app-body.flavour-glitch > #mastodon .collapsed .status__content br {
display: block;
}
body.app-body.flavour-glitch > #mastodon .collapsed .status__content::after {
content: unset;
}
body.app-body.flavour-glitch > #mastodon .collapsed .status__action-bar :not(i),
body.app-body.flavour-glitch
> #mastodon
.collapsed
.detailed-status__action-bar
:not(i),
body.app-body.flavour-glitch
> #mastodon
.collapsed
.picture-in-picture__footer
:not(i) {
body.app-body.flavour-glitch > #mastodon .collapsed .detailed-status__action-bar :not(i),
body.app-body.flavour-glitch > #mastodon .collapsed .picture-in-picture__footer :not(i) {
height: unset !important;
width: unset !important;
}
body.app-body.flavour-glitch
> #mastodon
.collapsed.muted
.status__content__text
~ * {
body.app-body.flavour-glitch > #mastodon .collapsed.muted .status__content__text ~ * {
display: none;
}
body.app-body.flavour-glitch
> #mastodon
.status:not(.status-direct)
> .status__content {
body.app-body.flavour-glitch > #mastodon .status:not(.status-direct) > .status__content {
margin-block: -90px -100px !important;
padding-block: 100px !important;
}
body.app-body.flavour-glitch
> #mastodon
.status:not(.status-direct)
> .status__content
.status__content__text {
margin-top: 0;
body.app-body.flavour-glitch > #mastodon .status:not(.status-direct) > .status__content .status__content__text {
margin-top: 0px;
}
body.app-body.flavour-glitch
> #mastodon
.status:not(.status-direct)
> .status__content
> :last-child:not(.status__content__text) {
body.app-body.flavour-glitch > #mastodon .status:not(.status-direct) > .status__content > :last-child:not(.status__content__text) {
margin-bottom: 5px !important;
}
body.app-body.flavour-glitch > #mastodon .status .full-width {
margin-inline: 0 !important;
}
body.app-body.flavour-glitch > #mastodon .status .status__action-bar {
position: static;
}
body.app-body.flavour-glitch > #mastodon .status__info .notification__message {
padding-top: 0 !important;
padding-inline-start: 0 !important;
}
body.app-body.flavour-glitch > #mastodon .status__display-name {
line-height: 22px;
}
body.app-body.flavour-glitch > #mastodon .display-name__account {
font-size: 15px;
}
body.app-body.flavour-glitch
> #mastodon
.media-gallery__item
> .media-gallery__preview {
body.app-body.flavour-glitch > #mastodon .media-gallery__item > .media-gallery__preview {
display: unset;
}
body.app-body.flavour-glitch > #mastodon .status__action-bar-spacer {
min-width: 5px;
}
body.app-body.flavour-glitch > #mastodon .status__relative-time {
margin-inline: auto 5px !important;
z-index: 2;
flex-grow: 0 !important;
min-width: 5ch !important;
}
body.app-body.flavour-glitch > #mastodon .reactions-bar {
width: unset;
margin-top: 8px;
}
body.app-body.flavour-glitch > #mastodon .reactions-bar button {
border-radius: 6px !important;
padding-block: 2px;
@ -163,153 +99,87 @@ body.app-body.flavour-glitch > #mastodon .reactions-bar button {
body.app-body.flavour-glitch > #mastodon .reactions-bar button {
padding: 4px 8px !important;
}
body.app-body.flavour-glitch
> #mastodon
.reactions-bar
button
.reactions-bar__item__emoji {
body.app-body.flavour-glitch > #mastodon .reactions-bar button .reactions-bar__item__emoji {
height: 18px;
width: 18px;
}
}
body.app-body.flavour-glitch > #mastodon .reactions-bar:empty {
display: none;
}
body.app-body.flavour-glitch
> #mastodon
.collapsed
> .status__info
.notification__message {
body.app-body.flavour-glitch > #mastodon .collapsed > .status__info .notification__message {
padding-bottom: 0 !important;
}
body.app-body.flavour-glitch
> #mastodon
.notification
> .notification__message {
body.app-body.flavour-glitch > #mastodon .notification > .notification__message {
padding-inline: 15px !important;
padding-top: 18px !important;
}
body.app-body.flavour-glitch > #mastodon .notification .account {
padding-inline-start: 0 !important;
}
body.app-body.flavour-glitch > #mastodon .notification__favourite-icon-wrapper {
position: static;
margin-inline-end: 10px;
}
body.app-body.flavour-glitch
> #mastodon
.notification__favourite-icon-wrapper
i {
body.app-body.flavour-glitch > #mastodon .notification__favourite-icon-wrapper i {
width: 1.28571429em !important;
text-align: center;
}
body.app-body.flavour-glitch > #mastodon .status__prepend,
body.app-body.flavour-glitch > #mastodon .status__info .notification__message {
padding-bottom: 15px !important;
padding-top: 0 !important;
margin-top: -5px !important;
}
body.app-body.flavour-glitch
> #mastodon
.status__prepend
.status__prepend-icon-wrapper,
body.app-body.flavour-glitch
> #mastodon
.status__info
.notification__message
.status__prepend-icon-wrapper {
body.app-body.flavour-glitch > #mastodon .status__prepend .status__prepend-icon-wrapper,
body.app-body.flavour-glitch > #mastodon .status__info .notification__message .status__prepend-icon-wrapper {
all: unset;
margin-inline-end: 10px;
display: flex;
}
body.app-body.flavour-glitch
> #mastodon
.status__prepend
.status__prepend-icon-wrapper
i,
body.app-body.flavour-glitch
> #mastodon
.status__info
.notification__message
.status__prepend-icon-wrapper
i {
body.app-body.flavour-glitch > #mastodon .status__prepend .status__prepend-icon-wrapper i,
body.app-body.flavour-glitch > #mastodon .status__info .notification__message .status__prepend-icon-wrapper i {
margin: auto;
}
body.app-body.flavour-glitch
> #mastodon
.detailed-status__wrapper
.focusable:not(.status)::before {
body.app-body.flavour-glitch > #mastodon .detailed-status__wrapper .focusable:not(.status)::before {
content: unset !important;
}
body.app-body.flavour-glitch > #mastodon .setting-text {
border-radius: 0 !important;
margin: 4px;
width: calc(100% - 8px);
}
body.app-body.flavour-glitch > #mastodon .column-settings__pillbar {
border-radius: var(--radius);
}
body.app-body.flavour-glitch > #mastodon .pillbar-button {
border-radius: 0 !important;
padding: 6px;
}
body.app-body.flavour-glitch > #mastodon .account__header__account-note {
margin-block: 10px 0;
}
body.app-body.flavour-glitch
> #mastodon
.account__header__account-note:focus-within {
body.app-body.flavour-glitch > #mastodon .account__header__account-note:focus-within {
border-radius: var(--radius) !important;
}
body.app-body.flavour-glitch
> #mastodon
.account__header__account-note__header {
body.app-body.flavour-glitch > #mastodon .account__header__account-note__header {
align-items: center;
}
body.app-body.flavour-glitch
> #mastodon
.account__header__account-note__header
button {
body.app-body.flavour-glitch > #mastodon .account__header__account-note__header button {
display: flex;
gap: 0.2em;
}
body.app-body.flavour-glitch
> #mastodon
.account__header__account-note__content {
body.app-body.flavour-glitch > #mastodon .account__header__account-note__content {
width: 100%;
padding: 0 !important;
margin: 0 !important;
}
body.app-body.flavour-glitch > #mastodon .account-card .media-modal__close {
left: 10px;
top: 10px;
}
body.app-body.flavour-glitch
> #mastodon
.account-card
.media-modal__close::before {
content: '';
body.app-body.flavour-glitch > #mastodon .account-card .media-modal__close::before {
content: "";
position: absolute;
inset: -60px -30px;
background: linear-gradient(to right, #000, transparent);
@ -317,8 +187,7 @@ body.app-body.flavour-glitch
z-index: -1;
opacity: 0.5;
}
.layout-multiple-columns.flavour-glitch .drawer__inner {
margin-top: -10px;
padding-top: 30px !important;
}
}

View file

@ -701,6 +701,7 @@ a:focus-visible,
margin-bottom: 10px !important;
border-radius: 0px !important;
padding: 15px !important;
height: max-content;
isolation: isolate;
overflow: hidden;
}
@ -726,7 +727,9 @@ a:focus-visible,
z-index: -1;
}
#mastodon .dismissable-banner .scrollable:not(.scrollable--flex) .account-timeline__header,
#mastodon .follow_requests-unlocked_explanation .scrollable:not(.scrollable--flex) .account-timeline__header {
#mastodon .follow_requests-unlocked_explanation .scrollable:not(.scrollable--flex) .account-timeline__header,
#mastodon .dismissable-banner .scrollable:not(.scrollable--flex) .dismissable-banner,
#mastodon .follow_requests-unlocked_explanation .scrollable:not(.scrollable--flex) .dismissable-banner {
margin: 0px !important;
}
#mastodon .dismissable-banner .focusable,
@ -830,7 +833,7 @@ a:focus-visible,
#mastodon .column:not(.scrollable--flex) > .dismissable-banner ~ .scrollable {
border-radius: 0 !important;
}
#mastodon .scrollable > .dismissable-banner {
#mastodon :not(.account__section-headline) + .scrollable > .dismissable-banner {
margin: 0px !important;
margin-bottom: 0 !important;
}
@ -1794,6 +1797,14 @@ a:focus-visible,
.directory__list.directory__list {
padding: 15px 10px;
}
.layout-multiple-columns .explore__suggestions,
.layout-multiple-columns .directory__list {
display: block !important;
}
.layout-multiple-columns .explore__suggestions > *,
.layout-multiple-columns .directory__list > * {
margin: 10px !important;
}
.focusable.account-card.account-card.account-card .account-card__header,
.entry.account-card.account-card.account-card .account-card__header,
.statuses-grid__item .detailed-status.account-card.account-card.account-card .account-card__header,
@ -2654,6 +2665,11 @@ a:focus-visible,
#mastodon .picture-in-picture__footer :not(i) {
pointer-events: all;
}
#mastodon .status__action-bar > div,
#mastodon .detailed-status__action-bar > div,
#mastodon .picture-in-picture__footer > div {
all: unset;
}
#mastodon .status__action-bar .icon-button,
#mastodon .detailed-status__action-bar .icon-button,
#mastodon .picture-in-picture__footer .icon-button {
@ -2671,21 +2687,6 @@ a:focus-visible,
#mastodon .picture-in-picture__footer .icon-button:last-child {
margin: 0 !important;
}
#mastodon .status__action-bar .icon-button i,
#mastodon .detailed-status__action-bar .icon-button i,
#mastodon .picture-in-picture__footer .icon-button i {
min-width: 22px;
}
#mastodon .status__action-bar .icon-button[aria-label]::after,
#mastodon .detailed-status__action-bar .icon-button[aria-label]::after,
#mastodon .picture-in-picture__footer .icon-button[aria-label]::after {
all: unset;
font-size: 12px;
margin-inline-start: 0.5em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#mastodon .status__action-bar .icon-button .icon-button__counter,
#mastodon .detailed-status__action-bar .icon-button .icon-button__counter,
#mastodon .picture-in-picture__footer .icon-button .icon-button__counter {
@ -2717,7 +2718,6 @@ a:focus-visible,
display: flex;
justify-content: center;
width: 100%;
flex-basis: 0%;
}
#mastodon .status__action-bar.detailed-status__action-bar > div :not(i),
#mastodon .detailed-status__action-bar.detailed-status__action-bar > div :not(i),
@ -3217,7 +3217,8 @@ a:focus-visible,
background-color: inherit;
z-index: -1;
}
#mastodon .scrollable:not(.scrollable--flex) .account-timeline__header {
#mastodon .scrollable:not(.scrollable--flex) .account-timeline__header,
#mastodon .scrollable:not(.scrollable--flex) .dismissable-banner {
margin: 0px !important;
}
#mastodon .focusable,
@ -4514,7 +4515,8 @@ a:focus-visible,
background-color: inherit;
z-index: -1;
}
.layout-multiple-columns #mastodon .columns-area .scrollable:not(.scrollable--flex) .account-timeline__header {
.layout-multiple-columns #mastodon .columns-area .scrollable:not(.scrollable--flex) .account-timeline__header,
.layout-multiple-columns #mastodon .columns-area .scrollable:not(.scrollable--flex) .dismissable-banner {
margin: 0px !important;
}
.layout-multiple-columns #mastodon .columns-area .focusable,
@ -4665,4 +4667,4 @@ a:focus-visible,
}
.modal-root__container {
animation: bounceIn 0.7s;
}
}

View file

@ -701,6 +701,7 @@ a:focus-visible,
margin-bottom: 10px !important;
border-radius: 0px !important;
padding: 15px !important;
height: max-content;
isolation: isolate;
overflow: hidden;
}
@ -726,7 +727,9 @@ a:focus-visible,
z-index: -1;
}
#mastodon .dismissable-banner .scrollable:not(.scrollable--flex) .account-timeline__header,
#mastodon .follow_requests-unlocked_explanation .scrollable:not(.scrollable--flex) .account-timeline__header {
#mastodon .follow_requests-unlocked_explanation .scrollable:not(.scrollable--flex) .account-timeline__header,
#mastodon .dismissable-banner .scrollable:not(.scrollable--flex) .dismissable-banner,
#mastodon .follow_requests-unlocked_explanation .scrollable:not(.scrollable--flex) .dismissable-banner {
margin: 0px !important;
}
#mastodon .dismissable-banner .focusable,
@ -830,7 +833,7 @@ a:focus-visible,
#mastodon .column:not(.scrollable--flex) > .dismissable-banner ~ .scrollable {
border-radius: 0 !important;
}
#mastodon .scrollable > .dismissable-banner {
#mastodon :not(.account__section-headline) + .scrollable > .dismissable-banner {
margin: 0px !important;
margin-bottom: 0 !important;
}
@ -1794,6 +1797,14 @@ a:focus-visible,
.directory__list.directory__list {
padding: 15px 10px;
}
.layout-multiple-columns .explore__suggestions,
.layout-multiple-columns .directory__list {
display: block !important;
}
.layout-multiple-columns .explore__suggestions > *,
.layout-multiple-columns .directory__list > * {
margin: 10px !important;
}
.focusable.account-card.account-card.account-card .account-card__header,
.entry.account-card.account-card.account-card .account-card__header,
.statuses-grid__item .detailed-status.account-card.account-card.account-card .account-card__header,
@ -2654,6 +2665,11 @@ a:focus-visible,
#mastodon .picture-in-picture__footer :not(i) {
pointer-events: all;
}
#mastodon .status__action-bar > div,
#mastodon .detailed-status__action-bar > div,
#mastodon .picture-in-picture__footer > div {
all: unset;
}
#mastodon .status__action-bar .icon-button,
#mastodon .detailed-status__action-bar .icon-button,
#mastodon .picture-in-picture__footer .icon-button {
@ -2671,21 +2687,6 @@ a:focus-visible,
#mastodon .picture-in-picture__footer .icon-button:last-child {
margin: 0 !important;
}
#mastodon .status__action-bar .icon-button i,
#mastodon .detailed-status__action-bar .icon-button i,
#mastodon .picture-in-picture__footer .icon-button i {
min-width: 22px;
}
#mastodon .status__action-bar .icon-button[aria-label]::after,
#mastodon .detailed-status__action-bar .icon-button[aria-label]::after,
#mastodon .picture-in-picture__footer .icon-button[aria-label]::after {
all: unset;
font-size: 12px;
margin-inline-start: 0.5em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#mastodon .status__action-bar .icon-button .icon-button__counter,
#mastodon .detailed-status__action-bar .icon-button .icon-button__counter,
#mastodon .picture-in-picture__footer .icon-button .icon-button__counter {
@ -2717,7 +2718,6 @@ a:focus-visible,
display: flex;
justify-content: center;
width: 100%;
flex-basis: 0%;
}
#mastodon .status__action-bar.detailed-status__action-bar > div :not(i),
#mastodon .detailed-status__action-bar.detailed-status__action-bar > div :not(i),
@ -3217,7 +3217,8 @@ a:focus-visible,
background-color: inherit;
z-index: -1;
}
#mastodon .scrollable:not(.scrollable--flex) .account-timeline__header {
#mastodon .scrollable:not(.scrollable--flex) .account-timeline__header,
#mastodon .scrollable:not(.scrollable--flex) .dismissable-banner {
margin: 0px !important;
}
#mastodon .focusable,
@ -4514,7 +4515,8 @@ a:focus-visible,
background-color: inherit;
z-index: -1;
}
.layout-multiple-columns #mastodon .columns-area .scrollable:not(.scrollable--flex) .account-timeline__header {
.layout-multiple-columns #mastodon .columns-area .scrollable:not(.scrollable--flex) .account-timeline__header,
.layout-multiple-columns #mastodon .columns-area .scrollable:not(.scrollable--flex) .dismissable-banner {
margin: 0px !important;
}
.layout-multiple-columns #mastodon .columns-area .focusable,
@ -4665,4 +4667,4 @@ a:focus-visible,
}
.modal-root__container {
animation: bounceIn 0.7s;
}
}