mirror of
https://git.gay/freeplay/Mastodon-Modern.git
synced 2026-01-15 08:22:57 -03:00
1.5.6 - Fixes for Mastodon Nightly
This commit is contained in:
Free
195
modern.user.css
195
modern.user.css
@@ -13,37 +13,13 @@
|
||||
////////////////////////////////////////////////////////////////////
|
||||
|
||||
|
||||
/* Update 1.5.0
|
||||
- Styled settings pages
|
||||
- Improved account cards, gallery view
|
||||
- Sticky account banners w/ blur below them
|
||||
- More tweaks to notifications
|
||||
- Left-aligned status buttons
|
||||
- Used a different approach to moving the header to the side
|
||||
- Smoother transitions between different widths
|
||||
- r a i n b o w c o m p o s e b u t t o n
|
||||
- did table stuff
|
||||
- General improvements & Mobile Fixes
|
||||
- FIXES FIXES FIXES FIXES FIXES FIXES FIXES FIXES FIXES FIXES FIXES FIXES FIXES
|
||||
|
||||
- Added some more larger vanilla servers,
|
||||
although please remember you can still do above to add your own home server!!!
|
||||
|
||||
*//* Hotfix 1.5.1
|
||||
- Fixed checkbox positions in settings page
|
||||
- Only FF users get cool header banner blur effect >:( , unreliable in chromium browsers.
|
||||
*//* 1.5.2
|
||||
- Polishing things up
|
||||
- Restyled 'show more' button
|
||||
*//* 1.5.4
|
||||
- Fixed popup player showing behind some elements
|
||||
*//* 1.5.5
|
||||
- Fix unclickable x button in reply indicator
|
||||
/* Update 1.5.6
|
||||
- Fixes for Mastodon Nightly
|
||||
*/
|
||||
|
||||
/* ==UserStyle==
|
||||
@name Mastodon Modern
|
||||
@version 1.5.5
|
||||
@version 1.5.6
|
||||
@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
|
||||
@@ -55,7 +31,7 @@
|
||||
@author Freeplay (https://freeplay.codeberg.page/)
|
||||
==/UserStyle== */
|
||||
|
||||
@-moz-document domain("mastodon.coffee"), domain("socel.net"), domain("brands.town"), domain("mstdn.social"), domain("social.vivaldi.net"), domain("masto.ai"), domain("mastodon.art"), domain("tech.lgbt"), domain("mastodon.social"), domain("mastodon.online"), domain("mastodon.lol"), domain("floss.social"), domain("mas.to"), domain("c.im"), domain("nerdculture.de"), domain("maly.io"), domain("corteximplant.com"), domain("queer.party"), domain("fosstodon.org"), domain("meow.social"), domain("indieweb.social"), domain("raru.re"), domain("ani.work"), domain("kolektiva.social"), domain("home.social"), domain("mstdn.plus"), domain("mastodon.sdf.org"), domain("toot.community"), domain("sfba.social"), domain("hachyderm.io"), domain("mindly.social") {
|
||||
@-moz-document domain("mastodon.coffee"), domain("socel.net"), domain("brands.town"), domain("mstdn.social"), domain("social.vivaldi.net"), domain("masto.ai"), domain("mastodon.art"), domain("tech.lgbt"), domain("mastodon.social"), domain("mastodon.online"), domain("mastodon.lol"), domain("floss.social"), domain("mas.to"), domain("c.im"), domain("nerdculture.de"), domain("maly.io"), domain("corteximplant.com"), domain("queer.party"), domain("fosstodon.org"), domain("meow.social"), domain("indieweb.social"), domain("raru.re"), domain("ani.work"), domain("kolektiva.social"), domain("home.social"), domain("mstdn.plus"), domain("mastodon.sdf.org"), domain("toot.community"), domain("sfba.social"), domain("hachyderm.io"), domain("mindly.social"), domain("mastodon.cloud") {
|
||||
|
||||
/ { // This is mainly so I can easily collapse everything, shouldn't affect compiled code
|
||||
responsiveW1 = 1320px
|
||||
@@ -137,9 +113,15 @@
|
||||
.button--block {
|
||||
font-weight 700
|
||||
}
|
||||
.unhandled-link {
|
||||
text-decoration underline
|
||||
text-underline-offset .2em
|
||||
.unhandled-link, .mention {
|
||||
span {
|
||||
text-decoration none !important
|
||||
}
|
||||
&:not(:focus):not(:hover) {
|
||||
span {
|
||||
text-decoration underline !important
|
||||
}
|
||||
}
|
||||
}
|
||||
input, .input-copy, select, textarea,
|
||||
.compose-form__upload-thumbnail, .button,
|
||||
@@ -259,7 +241,6 @@
|
||||
.dropdown-menu__container__list {
|
||||
overflow hidden auto
|
||||
border-radius var(--radius)
|
||||
margin-block -4px
|
||||
max-height 70vh
|
||||
}
|
||||
.dropdown-menu__item {
|
||||
@@ -572,7 +553,7 @@
|
||||
}
|
||||
> div > [tabindex]:last-child {
|
||||
.status {
|
||||
border 0
|
||||
/* border 0 */
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -950,7 +931,7 @@
|
||||
|
||||
/{statuses-list} {
|
||||
overflow clip
|
||||
border 0 !important
|
||||
/* border 0 !important */
|
||||
border-radius var(--radius) !important
|
||||
transition background .2s, box-shadow .4s, margin .2s, border .2s
|
||||
animation slideUp backwards .4s cubic-bezier(0,1,1,1)
|
||||
@@ -969,20 +950,29 @@
|
||||
&.entry {
|
||||
margin-bottom 10px
|
||||
}
|
||||
.status__expand {
|
||||
// width 100%
|
||||
// z-index -1
|
||||
&.status__wrapper-direct {
|
||||
.status__prepend {
|
||||
/* padding-left 70px !important */
|
||||
display: none;
|
||||
}
|
||||
.status__relative-time {
|
||||
color #8c8dff !important
|
||||
}
|
||||
}
|
||||
&:not(.detailed-status__wrapper) {
|
||||
// Hover
|
||||
&::after {
|
||||
/* &:not(.status__wrapper-reply)::after,
|
||||
.status--first-in-thread::after {
|
||||
content ""
|
||||
position absolute
|
||||
bottom 0px
|
||||
inset-inline var(--radius)
|
||||
border-top 1px solid var(--border-color)
|
||||
pointer-events none
|
||||
}
|
||||
} */
|
||||
/* .status--first-in-thread::after {
|
||||
top: 0
|
||||
} */
|
||||
&::before {
|
||||
content ""
|
||||
position absolute
|
||||
@@ -1203,12 +1193,12 @@
|
||||
}
|
||||
|
||||
.status, .scrollable .account {
|
||||
border 0 !important
|
||||
/* border 0 !important */
|
||||
padding-block 15px
|
||||
// overflow visible
|
||||
&:not(.account) {
|
||||
/* &:not(.account) {
|
||||
padding-inline-start 15px !important
|
||||
}
|
||||
} */
|
||||
&::before {
|
||||
inset -10px !important
|
||||
border-radius var(--radius)
|
||||
@@ -1370,8 +1360,8 @@
|
||||
}
|
||||
.status__content {
|
||||
padding-top 2px
|
||||
margin-inline -100px
|
||||
padding-inline 100px
|
||||
/* margin-inline -100px
|
||||
padding-inline 100px */
|
||||
text-align unset !important
|
||||
line-height 1.5
|
||||
|
||||
@@ -1433,6 +1423,115 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.status__wrapper-direct {
|
||||
// box-shadow none !important
|
||||
margin 0 !important
|
||||
// &::after {
|
||||
// content unset !important
|
||||
// }
|
||||
}
|
||||
/* .status-direct, .conversation, .detailed-status-direct {
|
||||
|
||||
.status__content {
|
||||
position relative !important
|
||||
background var(--elevated-color)
|
||||
padding 8px 12px
|
||||
padding .7em .9em
|
||||
margin-inline -1px
|
||||
border-radius var(--radius)
|
||||
border-top-left-radius 0
|
||||
width max-content
|
||||
max-width 100%
|
||||
box-sizing border-box
|
||||
margin-top -5px
|
||||
overflow visible !important
|
||||
// box-shadow var(--shadow-low)
|
||||
// filter drop-shadow(0 2px 2px rgba(0,0,0,0.2))
|
||||
// border-top-left-radius 10px
|
||||
&::before {
|
||||
all unset
|
||||
content ""
|
||||
position absolute
|
||||
top calc(0px - var(--radius)) !important
|
||||
left 0 !important
|
||||
// border-bottom-left-radius var(--radius)
|
||||
border-top-left-radius 100px !important
|
||||
width var(--radius) !important
|
||||
height var(--radius) !important
|
||||
background inherit
|
||||
mask radial-gradient(var(--radius) at var(--radius) 0, rgba(0,0,0,0) 100%, #000)
|
||||
-webkit-mask @mask
|
||||
}
|
||||
}
|
||||
.status__content__spoiler-link {
|
||||
&::after {
|
||||
inset-inline -12px !important
|
||||
// padd
|
||||
border-radius 0
|
||||
}
|
||||
}
|
||||
|
||||
&.detailed-status-direct {
|
||||
margin-top -5px
|
||||
}
|
||||
|
||||
&.status-direct {
|
||||
display flex
|
||||
flex-wrap wrap
|
||||
&::before { //breaker
|
||||
content ""
|
||||
order -98
|
||||
width 100%
|
||||
}
|
||||
.status__info {
|
||||
display contents
|
||||
.status__display-name {
|
||||
order -100
|
||||
width 0
|
||||
flex-grow 1
|
||||
}
|
||||
.status__relative-time {
|
||||
position absolute
|
||||
width 30%
|
||||
order -99
|
||||
right 15px
|
||||
justify-content flex-end
|
||||
pointer-events none
|
||||
// transition opacity .2s
|
||||
}
|
||||
}
|
||||
.status__content {
|
||||
margin-top 8px
|
||||
}
|
||||
.status__action-bar {
|
||||
// display none
|
||||
// gap 2px
|
||||
margin 0
|
||||
opacity 0
|
||||
order -99
|
||||
width max-content
|
||||
// max-width 30%
|
||||
// justify-content flex-end
|
||||
// background var(--elevated-color)
|
||||
// border-radius var(--radius)
|
||||
padding 4px
|
||||
// transition opacity .2s
|
||||
button.disabled, .bookmark-icon {
|
||||
display none
|
||||
}
|
||||
}
|
||||
&:hover, &:focus-within {
|
||||
.status__relative-time {
|
||||
opacity 0 !important
|
||||
}
|
||||
.status__action-bar {
|
||||
opacity 1 !important
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
} */
|
||||
|
||||
{media} {
|
||||
box-shadow var(--shadow-low)
|
||||
@@ -1463,15 +1562,20 @@
|
||||
}
|
||||
}
|
||||
.detailed-status {
|
||||
border 0 !important
|
||||
padding 15px !important
|
||||
padding-bottom 5px !important
|
||||
.status__prepend {
|
||||
padding-top 0 !important
|
||||
margin-bottom 1em !important
|
||||
}
|
||||
}
|
||||
div:empty + div > .detailed-status__wrapper {
|
||||
margin-top 0 !important
|
||||
}
|
||||
.detailed-status__wrapper, .detailed-status, .picture-in-picture {
|
||||
&.detailed-status__wrapper {
|
||||
margin-block 15px
|
||||
margin-block -1px
|
||||
}
|
||||
box-shadow var(--shadow)
|
||||
&:first-child {
|
||||
@@ -1553,6 +1657,7 @@
|
||||
}
|
||||
}
|
||||
.status__action-bar__dropdown,
|
||||
.detailed-status__action-bar-dropdown > span, // THEY KEEP CHANGING IT AAAAAAAAAAAAAAAAAAA WHAT IS THIS
|
||||
.status__action-bar-dropdown, .detailed-status__action-bar-dropdown, .detailed-status__button {
|
||||
display contents
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user