mirror of
https://git.gay/freeplay/Mastodon-Modern.git
synced 2026-01-15 16:32:57 -03:00
1.6.5 - Glitch-soc / light mode / border fixes
This commit is contained in:
freeplay
@@ -1 +1 @@
|
||||
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{margin-inline-start:auto}body.app-body.flavour-glitch>#mastodon .character-counter__wrapper{position:absolute;inset-inline-end:0;bottom:100%;margin:4px;border-radius:6px;padding:.1em .5em}body.app-body.flavour-glitch>#mastodon .character-counter__wrapper span{font-size:.9em;font-weight:500}body.app-body.flavour-glitch>#mastodon .collapsed .status__content{height:auto!important}body.app-body.flavour-glitch>#mastodon .collapsed .status__content .status__content__text{mask:linear-gradient(to bottom,#000 50px,transparent)!important;max-height:100px}body.app-body.flavour-glitch>#mastodon .collapsed .status__content p:not(:last-of-type){margin-bottom:.2em}body.app-body.flavour-glitch>#mastodon .collapsed .status__content::after{content:unset}body.app-body.flavour-glitch>#mastodon .collapsed.muted .status__content__text~*,body.app-body.flavour-glitch>#mastodon .reactions-bar:empty{display:none}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>span{overflow:visible!important}body.app-body.flavour-glitch>#mastodon .notification .account,body.app-body.flavour-glitch>#mastodon .status__info .notification__message{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__preview{display:unset}body.app-body.flavour-glitch>#mastodon .status__action-bar-spacer{min-width:5px}body.app-body.flavour-glitch>#mastodon .reactions-bar button{border-radius:6px!important;padding-block:2px}@media (pointer:coarse){body.app-body.flavour-glitch>#mastodon .reactions-bar button{padding:8px 10px!important}}body.app-body.flavour-glitch>#mastodon .collapsed>.status__info .notification__message{padding-bottom:0!important}body.app-body.flavour-glitch>#mastodon .notification>.notification__message{padding-inline-start:15px!important;padding-top:18px!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{width:1.28571429em!important;text-align:center}body.app-body.flavour-glitch>#mastodon .status__info .notification__message,body.app-body.flavour-glitch>#mastodon .status__prepend{padding-bottom:15px!important;padding-top:0!important;margin-top:-5px!important}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{all:unset;margin-inline-end:10px}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-card .media-modal__close{left:10px;top:10px}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);transform:rotate(45deg);z-index:-1;opacity:.5}.layout-multiple-columns.flavour-glitch .drawer__inner{margin-top:-10px;padding-top:30px!important}
|
||||
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{margin-inline-start:auto}body.app-body.flavour-glitch>#mastodon .character-counter__wrapper{position:absolute;inset-inline-end:0;bottom:100%;margin:4px 4px;border-radius:6px;padding:.1em .5em}body.app-body.flavour-glitch>#mastodon .character-counter__wrapper span{font-size:.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{mask:linear-gradient(to bottom,#000 50px,transparent)!important;max-height:100px}body.app-body.flavour-glitch>#mastodon .collapsed .status__content p:not(:last-of-type){margin-bottom:.4em}body.app-body.flavour-glitch>#mastodon .collapsed .status__content::after{content:unset}body.app-body.flavour-glitch>#mastodon .collapsed.muted .status__content__text ~ *{display:none}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>span{overflow:visible!important}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__preview{display:unset}body.app-body.flavour-glitch>#mastodon .status__action-bar-spacer{min-width:5px}body.app-body.flavour-glitch>#mastodon .reactions-bar button{border-radius:6px!important;padding-block:2px}@media (pointer:coarse){body.app-body.flavour-glitch>#mastodon .reactions-bar button{padding:8px 10px!important}}body.app-body.flavour-glitch>#mastodon .reactions-bar:empty{display:none}body.app-body.flavour-glitch>#mastodon .detailed-status__wrapper{box-shadow:none}body.app-body.flavour-glitch>#mastodon .detailed-status__wrapper>div>.focusable:not(.status){box-shadow:var(--shadow)}body.app-body.flavour-glitch>#mastodon .collapsed>.status__info .notification__message{padding-bottom:0!important}body.app-body.flavour-glitch>#mastodon .notification>.notification__message{padding-inline-start: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{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{all:unset;margin-inline-end:10px}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-card .media-modal__close{left:10px;top:10px}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);transform:rotate(45deg);z-index:-1;opacity:.5}.layout-multiple-columns.flavour-glitch .drawer__inner{margin-top:-10px;padding-top:30px!important}
|
||||
File diff suppressed because one or more lines are too long
@@ -13,14 +13,13 @@
|
||||
////////////////////////////////////////////////////////////////////
|
||||
|
||||
|
||||
/* Update 1.6.4
|
||||
- Fix notifications padding
|
||||
- Fix #3: dot inside each user's cover in profile directory when logged out
|
||||
/* Update 1.6.5
|
||||
- Glitch-soc / light mode / border fixes
|
||||
*/
|
||||
|
||||
/* ==UserStyle==
|
||||
@name Mastodon Modern
|
||||
@version 1.6.4
|
||||
@version 1.6.5
|
||||
@description Drastically improves the look & feel of Mastodon
|
||||
@updateURL https://codeberg.org/Freeplay/Mastodon-Modern/raw/branch/main/modern.user.css
|
||||
@homepageURL https://codeberg.org/Freeplay/Mastodon-Modern
|
||||
@@ -132,7 +131,7 @@
|
||||
}
|
||||
input, .input-copy, select, textarea,
|
||||
.compose-form__upload-thumbnail, .button,
|
||||
button:not(.column-header__button), video, iframe, .privacy-dropdown__dropdown, .react-toggle-track,
|
||||
button:not(.column-header__button), video, .privacy-dropdown__dropdown, .react-toggle-track,
|
||||
.reply-indicator, .compose-form__warning {
|
||||
border-radius var(--radius) !important
|
||||
}
|
||||
@@ -146,9 +145,12 @@
|
||||
*:not(.radio-button__input):not(input) {
|
||||
font-display swap !important
|
||||
}
|
||||
:not(.radio-button__input):not(input):not(span) {
|
||||
:not(.radio-button__input):not(span) {
|
||||
border-color var(--border-color) !important
|
||||
}
|
||||
.setting-text {
|
||||
padding-inline 10px
|
||||
}
|
||||
@media (prefers-reduced-motion: no-preference) {
|
||||
.load-more, .setting-toggle, .column-header__back-button, .column-back-button,
|
||||
.trends__item, .story, .account__avatar, .button,
|
||||
@@ -547,6 +549,7 @@
|
||||
}
|
||||
.scrollable {
|
||||
border-radius var(--radius) var(--radius) 0 0 !important
|
||||
border 0
|
||||
&:first-child {
|
||||
overflow clip
|
||||
}
|
||||
@@ -679,6 +682,7 @@
|
||||
margin-top calc(0px - var(--radius)) !important
|
||||
display flex
|
||||
flex-direction column
|
||||
background inherit
|
||||
// &::before {
|
||||
// content ""
|
||||
// position absolute
|
||||
@@ -994,6 +998,7 @@
|
||||
transition background .2s, box-shadow .4s, margin .2s, border .2s
|
||||
animation slideUp backwards .4s cubic-bezier(0,1,1,1)
|
||||
position relative
|
||||
border-radius var(--radius)
|
||||
&.trends__item, &.story, &.account-card {
|
||||
animation-name slideUpFade
|
||||
for row in 1..11 {
|
||||
@@ -1505,40 +1510,63 @@
|
||||
}
|
||||
|
||||
{media} {
|
||||
box-shadow var(--shadow-low)
|
||||
box-shadow var(--shadow)
|
||||
border-radius var(--radius)
|
||||
margin-top 15px !important
|
||||
margin-top 10px !important
|
||||
margin-bottom 10px !important
|
||||
animation scaleIn .4s
|
||||
max-width unset !important
|
||||
max-height 80vh !important
|
||||
}
|
||||
/.status-card {
|
||||
box-shadow var(--shadow)
|
||||
box-shadow none
|
||||
&:not(.horizontal) {
|
||||
border 1px solid var(--border-color) !important
|
||||
}
|
||||
line-height 1
|
||||
/.status-card__content {
|
||||
padding 12px
|
||||
padding 12px !important
|
||||
margin-block auto
|
||||
}
|
||||
&:not(.compact) .status-card__image {
|
||||
margin-bottom 6px
|
||||
.status-card__image {
|
||||
border-radius 0
|
||||
width 90px
|
||||
min-height 100%
|
||||
aspect-ratio unset !important
|
||||
img {
|
||||
border-radius 0
|
||||
height 100%
|
||||
}
|
||||
}
|
||||
/.status-card__host {
|
||||
font-size .85em
|
||||
line-height 1.5
|
||||
margin 0
|
||||
}
|
||||
/.status-card__title {
|
||||
font-size 1em
|
||||
margin-top .2em
|
||||
margin-bottom 0
|
||||
line-height 1.4
|
||||
}
|
||||
/.status-card__description {
|
||||
line-height 1.4 !important
|
||||
margin 0 !important
|
||||
}
|
||||
/.status-card__author {
|
||||
margin-top 0.4em
|
||||
font-size .85em
|
||||
}
|
||||
&:hover {
|
||||
background-color var(--hover-color)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/.audio-player {
|
||||
.video-player__seek {
|
||||
margin var(--radius)
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.detailed-status__wrapper {
|
||||
border-radius var(--radius)
|
||||
overflow clip
|
||||
@@ -2883,12 +2911,13 @@
|
||||
.collapsed {
|
||||
.status__content {
|
||||
height auto !important
|
||||
overflow visible
|
||||
.status__content__text {
|
||||
mask linear-gradient(to bottom, black 50px, transparent) !important
|
||||
max-height 100px
|
||||
}
|
||||
p:not(:last-of-type) {
|
||||
margin-bottom .2em
|
||||
margin-bottom .4em
|
||||
}
|
||||
&::after {
|
||||
content unset
|
||||
@@ -2944,6 +2973,15 @@
|
||||
}
|
||||
}
|
||||
|
||||
.detailed-status__wrapper {
|
||||
box-shadow none
|
||||
> div > .focusable:not(.status) {
|
||||
box-shadow var(--shadow)
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Notifications
|
||||
.collapsed > .status__info .notification__message {
|
||||
padding-bottom 0 !important
|
||||
|
||||
Reference in New Issue
Block a user