Skip to content

Better Bluesky Design / より良いBlueskyデザイン by menndouyukkuri

Write a review Install Get Stylus

Details

Authormenndouyukkuri

LicenseCC0

Categorybsky.app

Created

Updated

Size27 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

EN:
I've improved the design of Bluesky to take full advantage of window width.

JA:
ウィンドウの幅を最大限に活用できるようにBlueskyのデザインを改良しました。

Notes

■Change log
1.0.6-1.1.1 - 2024/02/11-2024/02/12
・Fixed multiple bugs that seemed to be caused by updates on Bluesky side

1.0.5 - 2024/02/11
・Fixed a bug that caused the appearance of the moderation page to collapse

1.0.4 - 2024/02/11
・There were times when the width became too wide and it became difficult to see, so I set the maximum width to 800px
・Fixed an issue where the reply post was shifted to the right

1.0.3 - 2024/02/10
・Fixed a bug where the design would collapse when changing the appearance or theme

1.0.2 - 2024/02/09
・Fixed an issue where the back to top button on the notification page was positioned too far to the right

1.0.1 - 2024/02/08
・Fixed an issue where the back to top button was positioned too far to the right when the width was between 800px and 1299px

1.0.0 - 2024/02/08
・Release

■更新履歴
1.0.6-1.1.1 - 2024/02/11-2024/02/12
・Bluesky側の更新に起因すると思われる複数の不具合の修正

1.0.5 - 2024/02/11
・モデレーションページの外観が崩れるバグの修正

1.0.4 - 2024/02/11
・横幅が広すぎて見づらくなる場合があったので、最大幅を800pxに設定しました
・返信ポストが右にずれる問題の修正

1.0.3 - 2024/02/10
・外観やテーマを変更するとデザインが崩れてしまうバグの修正

1.0.2 - 2024/02/09
・通知ページのトップに戻るボタンの位置が右に寄りすぎる問題の修正

1.0.1 - 2024/02/08
・幅800px～1299pxの時にトップに戻るボタンの位置が右に寄りすぎる問題の修正

1.0.0 - 2024/02/08
・公開

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name           Better Bluesky Design / より良いBlueskyデザイン
@namespace      github.com/openstyles/stylus
@version        1.1.1
@description    I've improved the design of Bluesky to take full advantage of window width. / ウィンドウの幅を最大限に活用できるようにBlueskyのデザインを改良しました。
@author         menndouyukkuri
==/UserStyle== */

@-moz-document domain("bsky.app") {

    div#root div.css-175oi2r.r-13awgt0.r-12vffkv div.css-175oi2r.r-13awgt0.r-12vffkv div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-2llsf div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-13awgt0.r-1d5kdc7.r-1p0dtai.r-1d2f490.r-u8s1d.r-zchlnj.r-ipm5af div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-2llsf div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-1pi2tsx div.css-175oi2r div.css-175oi2r div.css-175oi2r.r-1ljd8xs.r-13l2t4g.r-1jj8364.r-lchren.r-1ye8kvj.r-13qz1uu.r-sa2ff0 div.css-175oi2r.r-1xxn4qn div div.css-175oi2r.r-5kkj8d.r-1loqt21.r-1udh08x.r-1hfyk0a.r-ry3cjt div.css-175oi2r.r-18u37iz.r-uaa2di.r-1cvj4g8 div.css-175oi2r.r-1m04atk div.css-175oi2r.r-1jj8364.r-lchren.r-m5arl1,
    div#root div.css-175oi2r.r-13awgt0.r-12vffkv div.css-175oi2r.r-13awgt0.r-12vffkv div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-2llsf div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-13awgt0.r-1d5kdc7.r-1p0dtai.r-1d2f490.r-u8s1d.r-zchlnj.r-ipm5af div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-eqz5dr.r-1pi2tsx div.css-175oi2r.r-2llsf div.css-175oi2r.r-13awgt0 div.css-175oi2r div.css-175oi2r div.css-175oi2r div.css-175oi2r div.css-175oi2r.r-1ljd8xs.r-13l2t4g.r-1jj8364.r-lchren.r-1ye8kvj.r-13qz1uu.r-sa2ff0 div.css-175oi2r.r-1xxn4qn div div.css-175oi2r.r-5kkj8d.r-1loqt21.r-1udh08x.r-1hfyk0a.r-ry3cjt div.css-175oi2r.r-18u37iz.r-uaa2di.r-1cvj4g8 div.css-175oi2r.r-1m04atk div.css-175oi2r.r-1jj8364.r-lchren.r-m5arl1,
    div#root div.css-175oi2r.r-13awgt0.r-12vffkv div.css-175oi2r.r-13awgt0.r-12vffkv div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-2llsf div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-13awgt0.r-1d5kdc7.r-1p0dtai.r-1d2f490.r-u8s1d.r-zchlnj.r-ipm5af div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-2llsf div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-2llsf div.css-175oi2r.r-1ljd8xs.r-13l2t4g.r-1jj8364.r-lchren.r-1ye8kvj.r-13qz1uu.r-sa2ff0 div.css-175oi2r.r-1xxn4qn div.css-175oi2r div.css-175oi2r.r-1m04atk.r-1loqt21 div div.css-175oi2r div.css-175oi2r.r-18u37iz.r-uaa2di.r-1m04atk div.css-175oi2r div.css-175oi2r.r-1jj8364.r-lchren.r-m5arl1,
    div#root div.css-175oi2r.r-13awgt0.r-12vffkv div.css-175oi2r.r-13awgt0.r-12vffkv div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-2llsf div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-13awgt0.r-1d5kdc7.r-1p0dtai.r-1d2f490.r-u8s1d.r-zchlnj.r-ipm5af div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-2llsf div.css-175oi2r.r-2llsf div.css-175oi2r.r-13awgt0 div.css-175oi2r div.css-175oi2r div.css-175oi2r div.css-175oi2r div.css-175oi2r.r-1ljd8xs.r-13l2t4g.r-1jj8364.r-lchren.r-1ye8kvj.r-13qz1uu.r-sa2ff0 div.css-175oi2r.r-1xxn4qn div div.css-175oi2r.r-5kkj8d.r-1loqt21.r-1udh08x.r-1hfyk0a.r-ry3cjt div.css-175oi2r.r-18u37iz.r-uaa2di.r-1cvj4g8 div.css-175oi2r.r-1m04atk div.css-175oi2r.r-1jj8364.r-lchren.r-m5arl1 {
        margin-left: auto;
    }

    @media (max-width: 799px) {
        div[data-testid="homeScreenFeedTabs-selector"] {
            padding-left: 16px;
        }
        div[data-testid="homeScreenFeedTabs-selector"] > div.css-175oi2r.r-18u37iz.r-1niwhzg.r-1wjczhr.r-11wrixw.r-9aemit {
            margin-left: auto;
            margin-right: auto;
        }
    }

    @media (min-width: 800px) {
        .r-szihnw {
            width: 100%;
        }
        .r-ltgprq {
            margin-left: auto;
            margin-right: auto;
        }
        .r-n3sdqm {
            padding-right: 0px;
        }
    }

    @media (min-width: 800px) and (max-width: 1299px) {
        .r-33ulu8 {
            width: calc(100% - 86px);
            max-width: 800px;
        }
        .r-z2g584 {
            left: 12px;
        }
        .r-1ye8kvj {
            width: calc(100% - 86px);
            max-width: 800px;
        }
        .r-1jj8364 {
            margin-left: 76px;
        }
        div#root div.css-175oi2r.r-13awgt0.r-12vffkv div.css-175oi2r.r-13awgt0.r-12vffkv div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-2llsf div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-13awgt0.r-1d5kdc7.r-1p0dtai.r-1d2f490.r-u8s1d.r-zchlnj.r-ipm5af div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-2llsf div.css-175oi2r:has(div[data-testid="homeScreenFeedTabs"]) {
            left: 76px !important;
            width: calc(100% - 86px) !important;
            max-width: 800px;
        }
        div#root div.css-175oi2r.r-13awgt0.r-12vffkv div.css-175oi2r.r-13awgt0.r-12vffkv div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-2llsf div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-13awgt0.r-1d5kdc7.r-1p0dtai.r-1d2f490.r-u8s1d.r-zchlnj.r-ipm5af div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-2llsf div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-1pi2tsx button.css-175oi2r.r-1i6wzkk.r-lrvibr.r-1loqt21.r-1otgn73:has(path[d="M201.4 137.4c12.5-12.5 32.8-12.5 45.3 0l160 160c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L224 205.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l160-160z"]) {
            left: 106px !important;
        }
        div#root div.css-175oi2r.r-13awgt0.r-12vffkv div.css-175oi2r.r-13awgt0.r-12vffkv div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-2llsf div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-13awgt0.r-1d5kdc7.r-1p0dtai.r-1d2f490.r-u8s1d.r-zchlnj.r-ipm5af div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-eqz5dr.r-1pi2tsx div.css-175oi2r.r-2llsf div.css-175oi2r.r-13awgt0 div.css-175oi2r div.css-175oi2r button.css-175oi2r.r-1i6wzkk.r-lrvibr.r-1loqt21.r-1otgn73:has(path[d="M201.4 137.4c12.5-12.5 32.8-12.5 45.3 0l160 160c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L224 205.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l160-160z"]),
        div#root div.css-175oi2r.r-13awgt0.r-12vffkv div.css-175oi2r.r-13awgt0.r-12vffkv div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-2llsf div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-13awgt0.r-1d5kdc7.r-1p0dtai.r-1d2f490.r-u8s1d.r-zchlnj.r-ipm5af div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-2llsf button.css-175oi2r.r-1i6wzkk.r-lrvibr.r-1loqt21.r-1otgn73:has(path[d="M201.4 137.4c12.5-12.5 32.8-12.5 45.3 0l160 160c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L224 205.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l160-160z"]) {
            left: 116px !important;
        }
        div#root div.css-175oi2r.r-13awgt0.r-12vffkv div.css-175oi2r.r-13awgt0.r-12vffkv div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-2llsf div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-13awgt0.r-1d5kdc7.r-1p0dtai.r-1d2f490.r-u8s1d.r-zchlnj.r-ipm5af div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-eqz5dr.r-1pi2tsx div.css-175oi2r.r-2llsf div.css-175oi2r.r-1ljd8xs.r-13l2t4g.r-1jj8364.r-lchren.r-33ulu8 div.css-175oi2r.r-12vffkv div.css-175oi2r.r-iphfwy.r-gu64tb.r-tskmnb.r-12vffkv div.css-175oi2r.r-18u37iz.r-6gpygo.r-1jj8364.r-12vffkv,
        div#root div.css-175oi2r.r-13awgt0.r-12vffkv div.css-175oi2r.r-13awgt0.r-12vffkv div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-2llsf div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-13awgt0.r-1d5kdc7.r-1p0dtai.r-1d2f490.r-u8s1d.r-zchlnj.r-ipm5af div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-13awgt0.r-1ljd8xs.r-13l2t4g.r-1uwte3a.r-1jj8364.r-lchren.r-1ye8kvj.r-13qz1uu div.css-175oi2r.r-1awozwy.r-18u37iz.r-vuvdlw.r-3o4zer.r-13qz1uu div.css-175oi2r.r-1jj8364.r-lchren.r-1qfoi16.r-633pao,
        div#root div.css-175oi2r.r-13awgt0.r-12vffkv div.css-175oi2r.r-13awgt0.r-12vffkv div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-2llsf div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-13awgt0.r-1d5kdc7.r-1p0dtai.r-1d2f490.r-u8s1d.r-zchlnj.r-ipm5af div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-1ljd8xs.r-13l2t4g.r-sa2ff0.r-1jj8364.r-lchren.r-1ye8kvj.r-13qz1uu div.css-175oi2r.r-1awozwy.r-18u37iz.r-vuvdlw.r-3o4zer.r-13qz1uu.r-qklmqi div.css-175oi2r.r-1jj8364.r-lchren.r-1qfoi16.r-633pao,
        div#root div.css-175oi2r.r-13awgt0.r-12vffkv div.css-175oi2r.r-13awgt0.r-12vffkv div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-2llsf div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-13awgt0.r-1d5kdc7.r-1p0dtai.r-1d2f490.r-u8s1d.r-zchlnj.r-ipm5af div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-1ljd8xs.r-13l2t4g.r-sa2ff0.r-1jj8364.r-lchren.r-1ye8kvj.r-13qz1uu div.css-175oi2r.r-150rngu.r-eqz5dr.r-16y2uox.r-1wbh5a2.r-11yh6sk.r-1rnoaur.r-agouwx div.css-175oi2r.r-sa2ff0.r-ndvcnb.r-gxnn5r.r-fnigne.r-13yce4e.r-1jj8364.r-lchren.r-1ye8kvj.r-13qz1uu,
        div#root div.css-175oi2r.r-13awgt0.r-12vffkv div.css-175oi2r.r-13awgt0.r-12vffkv div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-2llsf div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-13awgt0.r-1d5kdc7.r-1p0dtai.r-1d2f490.r-u8s1d.r-zchlnj.r-ipm5af div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-2llsf.r-1ljd8xs.r-13l2t4g.r-1jj8364.r-lchren.r-1ye8kvj.r-13qz1uu div.css-175oi2r.r-1awozwy.r-18u37iz.r-vuvdlw.r-3o4zer.r-13qz1uu div.css-175oi2r.r-1jj8364.r-lchren.r-1qfoi16.r-633pao,
        div#root div.css-175oi2r.r-13awgt0.r-12vffkv div.css-175oi2r.r-13awgt0.r-12vffkv div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-2llsf div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-13awgt0.r-1d5kdc7.r-1p0dtai.r-1d2f490.r-u8s1d.r-zchlnj.r-ipm5af div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-13awgt0 ...

Reviews

No reviews yet.