@noellabo のえるさん、ちょっとお聞きしたいのですが、Fedibirdのフォローボタン(.fa-user-times::before?)の色が相互フォローか否かで色が変わるのってカスタムcssで対応可能なものでしょうか?(もし不可能な場合該当のコードが載っているコミットを教えて頂けると幸いです)
Conversation
Notices
-
sakasame@fedibird.com's status on Monday, 18-Oct-2021 14:56:01 JST sakasame -
のえる (noellabo@fedibird.com)'s status on Monday, 18-Oct-2021 14:56:00 JST のえる @sakasame Fedibirdではボタン要素のclassにpassiveとかno_deliveryとか追加出力してるんでこれで判別できるんだけど、標準だと出力してないから、CSSだけだと情報がとれないね。
コミットはこのへんがそうだけど、購読のコードとか混じってるし、割とコード量が多くて読みづらいかも。https://github.com/fedibird/mastodon/commit/6bca54c46513896f87646b00ba8080753cdc9636
メインは、passiveという、フォローされているフラグ(class値)を追加出力してるあたりかな。relationship APIで取得したfollowed_byを反映する。あと、ホームからはずしている場合はno_delivery。
-
sakasame@fedibird.com's status on Monday, 18-Oct-2021 15:01:51 JST sakasame @noellabo なるほど、やっぱりCSSではダメでしたか…。
コミットありがとうございます。件のコードってちょうどこのあたりですかね…?
-
のえる (noellabo@fedibird.com)'s status on Monday, 18-Oct-2021 15:04:24 JST のえる @sakasame IconButtonコンポーネントのpropsにpassiveを追加してる部分ね。これを元にclassNameに追加してる。
このIconButtonを呼び出している側で、passiveかどうかを判定してpropsを与えてる。
-
sakasame@fedibird.com's status on Monday, 18-Oct-2021 15:27:23 JST sakasame @noellabo ありがとうございます。
ブックマークボタンを追加するよりも結構複雑そうな作業なので、まずHosdonさんに対応可能かどうか問い合わせてみます…!(コードの公開方法も含めて)
-
のえる (noellabo@fedibird.com)'s status on Monday, 18-Oct-2021 15:34:48 JST のえる @sakasame ここから必要なの取り出そうとすると開発案件になっちゃうので、そこだけ抽出したやつつくった方がいいね。
-
sakasame@fedibird.com's status on Monday, 18-Oct-2021 15:41:28 JST sakasame @noellabo このコミットのapp/javascript/mastodon/components/icon_button.jsにあるpassive: なんちゃら no_delivery: なんちゃらを追加してほしいみたいな伝え方じゃダメそうですかね…(自分でフォークして整理しておくべき?)
-
のえる (noellabo@fedibird.com)'s status on Monday, 18-Oct-2021 15:43:17 JST のえる @sakasame 他にもいじるとこいろいろあるのよ。IconButtonは呼び出される方で、それがpassiveなのかどうか別のところで値を与えないとね。
-
sakasame@fedibird.com's status on Monday, 18-Oct-2021 15:44:41 JST sakasame @noellabo あ〜〜〜なるほど…それだとさしあたり自分1人でどうにかなりそうではないのでひとまず以前教えて頂いたブックマークボタンのやつだけ先にお願いしてみようかと思います。
-