Firehawk52-backup/Mastodon-Modern
28
0
Fork 0
mirror of https://git.gay/freeplay/Mastodon-Modern.git synced 2026-01-15 08:22:57 -03:00
Code Issues Actions Packages Projects Releases Wiki Activity

Compiled CSS for 1.6.4 + glitch-soc fixes file

Browse Source
This commit is contained in:
freeplay
2023-07-31 21:26:12 -04:00
parent a10d459ee8
commit b49aa518c3
4 changed files with 12 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
README.md
View File

@@ -6,9 +6,6 @@ A UserStyle & theme that drastically improves the look & feel of Mastodon. Can b
### **[Use with the Stylus browser extension!](https://userstyles.world/style/4773)**
**WARNING: Glitch-soc & its derivatives are not supported.** Too many things I would have to change to support it :(
## Example for adding to your own instance:
https://github.com/Coffeedon/Cofffee-Assets#to-use-a-pre-made-theme
@@ -20,6 +17,9 @@ https://github.com/Coffeedon/Cofffee-Assets#to-use-a-pre-made-theme
**Note:** The UserStyle usually receives updates earlier to make sure everything is ready for the compiled CSS.
### ⚠️ IF ON [GLITCH-SOC](https://glitch-soc.github.io/docs/)
**Make sure to apply the glitch-soc fixes from [the `glitch-fixes.css` file!](glitch-fixes.css)**
## Attribution
If you use this style for your own server, please make sure to at least credit me somewhere with a [link to my website](https://freeplay.codeberg.page/) or [to this style's repository](https://codeberg.org/Freeplay/Mastodon-Modern) :)

1
glitch-fixes.css Normal file
View File

@@ -0,0 +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}

2
modern.css
View File

File diff suppressed because one or more lines are too long

14
modern.user.css
View File

@@ -679,13 +679,13 @@
margin-top calc(0px - var(--radius)) !important
display flex
flex-direction column
/* &::before {
content ""
position absolute
inset 0
border-radius inherit
background rgba(220,220,255,0.05)
} */
// &::before {
// content ""
// position absolute
// inset 0
// border-radius inherit
// background rgba(220,220,255,0.05)
// }
.account__header__tabs {
overflow visible !important