add firefish custom css

This commit is contained in:
sophie 2024-03-29 13:53:07 +00:00
parent 98bfc8ce7d
commit 7b4ce64443
1 changed files with 110 additions and 0 deletions

110
misc/firefish.css Normal file
View File

@ -0,0 +1,110 @@
/* toot button */
.modal._popup .avatar { margin-left: 0 !important; } /* avatar has too much padding */
.modal._popup button.submit { font-size: 0 !important; }
.modal._popup button.submit * { font-size: 1.3333rem !important; }
.modal._popup button.submit::before {
content: "Toot!";
font-size: 1rem; }
/* compact notifications */
.qglefbjs > .tail > .text[data-v-f778b7b4] { -webkit-line-clamp: 1 !important; }
/* hide instance in all mentions */
.list .notes .article .mention .host { display: none; }
/* compact messages */
.notes .lxwezrsl[data-v-288ff65a] > .note-container:first-child { padding-top: 1.5rem !important; }
.notes .tkcbzcuz > .article[data-v-adcd721d] {
margin-top: -1rem !important;
padding: 1.75rem 1.5rem .3rem !important; }
.notes .tkcbzcuz .note-context[data-v-adcd721d] {
margin: .7rem -.75rem 0 1.33rem;
margin-bottom: -1.15rem !important;
font-size: .9rem }
.notes .tkcbzcuz .note-context[data-v-adcd721d] .renote > :last-child { font-size: .9rem !important; }
.notes .tkcbzcuz .note-context[data-v-adcd721d] .renote > :last-child > button time { margin-bottom: -.33rem; }
.notes .tkcbzcuz .note-context[data-v-adcd721d] .renote > :last-child > span { display: flex; align-items: end; }
.notes ._visibility_1lqmx_1, ._localOnly_1lqmx_2 { margin-left: 1rem; }
.notes .tkcbzcuz > .article .header-container > .avatar {
margin: 0 .25rem 0 -.2rem !important;
top: -1rem !important;
scale: .8; }
.notes .tkcbzcuz > .article .header-container { height: 1.485rem; margin: .5rem 0 1.5rem 0; }
.tkcbzcuz > .article .header-container .header .user-info > :first-child { gap: .2rem 0 !important; }
.notes .tkcbzcuz > .article .header-container .header .user-info > :first-child { gap: 0 !important; }
.tkcbzcuz > .article .header-container .header .user-info > :first-child .username { margin-top: -.3rem; }
.tkcbzcuz > .article .header-container .header .user-info > :first-child .mk-acct { font-size: .8rem }
.tkcbzcuz > .article .header-container .header .user-info > :first-child .mk-acct .name { opacity: .75; }
.tkcbzcuz > .article .header-container .header .user-info .mkusername { font-weight: normal; font-size: 1.1rem; }
.kkwtjztg > .user-info > div[data-v-bdb75026]:last-child {
display: flex; flex-direction: row-reverse !important; align-items: center !important; }
.kkwtjztg > .user-info .ticker { padding: .3rem .75rem; font-size: .9rem; }
.kkwtjztg > .user-info .ticker .icon { display: none; }
.kkwtjztg > .user-info .ticker .name {
display: block; font-weight: normal; --bg: rgba(0, 0, 0, .15); margin: 0; }
.tkcbzcuz > .article > .main[data-v-adcd721d] { display: relative; }
.tkcbzcuz > .article > .main > .info[data-v-adcd721d] {
position: absolute; right: 2.5rem; bottom: 1rem; }
.reactions-list[data-v-e805038a] { margin-top: 0 !important; margin-bottom: .3rem; }
.tkcbzcuz > .article > .main > .footer { margin-top: .5rem !important; font-size: .9rem; }
/* hide replied-to */
.note-container article.reply-to, .note-container .note-context .line, .note-container .note-context > .info {
display: none !important; }
.note-container .note-context { margin-top: 1em !important; }
#firefish_app > :not(.mk-deck) .note-container article.reply-to ~ article.article {
margin-top: -1rem !important; }
.note-container article.reply-to ~ article.article .main .content .body::before,
.note-container .note-context.collapsedReply ~ article.article .main .content .body::before {
content: "";
color: var(--accent);
font-family: Phosphor-Bold !important;
font-size: 1.3333em;
line-height: .75em;
padding: .2em;
margin-right: .2em; }
/* deck mode fixes */
._shadow {
--shadow: rgba(0, 0, 0, 0.75); }
#firefish_app > .mk-deck .columns section header {
border-bottom-left-radius: var(--radius);
border-bottom-right-radius: var(--radius);
margin-bottom: .4em; }
#firefish_app > .mk-deck .columns section header + div {
border-top-left-radius: var(--radius);
border-top-right-radius: var(--radius); }
/* wide widgets drawer */
#firefish_app > div:not(.isMobile) .widgets.widgetsDrawer .vjoppmmu { width: unset; }
#firefish_app > div:not(.isMobile) .widgets.widgetsDrawer {
min-width: unset !important;
max-width: unset !important;
width: 700px; }
/* misc */
.info.warn + .adhpbeos > label > .input.tall > textarea[data-v-17166d11] {
min-height: 600px; }
header.sidebar {
--navBg: transparent;
border-inline: .5px solid var(--divider);
border-left: none; }