のえる DTP鯖管 @noellabo@dtp-mstdn.jp

#ハッシュタグの活用
たしかにムリ。 #dtp
QT: https://odakyu.app/@ars42525/100656122806633779

さっきの続きで、もう少しバーを大きくしたヤツ。

カスタムCSSはこちら。

.status__action-bar {
position: absolute;
opacity: 0;
bottom: -1px;
left: 0;
right: 0;
justify-content: center;
max-height: 0px;
}
.status__action-bar:hover {
opacity: 0.9;
background-color: black;
max-height: none;
padding: 7px 0;
z-index: 2;
}

commitは前のあてた上でこれ。
https://github.com/dtp-mstdn-jp/mastodon/commit/24a0486b03183ed9e1e419a591277636455b4e60

手順。
git fetch noellabo
git cherry-pick 24a0486b03183ed9e1e419a591277636455b4e60
RAILS_ENV=production bundle exec rails assets:precompile #dtp

@yamo こういうチマチマいじるヤツは、投稿を編集できないマストドン上のトゥートで紹介しちゃうと収拾つかないね。あとでQiitaかGistにでも書いておこう。 #dtp

@yamo CSSだけで書いてるから限界あるけど、

下から上にカーソル持って行くとボタン操作しやすく、

上から下にカーソル持って行くと最下行まで触りやすい。

ただ、触れる場所が狭いのでタッチスクリーンでは厳しいw #dtp

@yamo だいぶギリギリまで攻めてみた。これでどうか。 #dtp

@yamo hoverのエリアを大きくすると、トゥートの最下行が触れなくなるので、リンクとかタグとかクリックしようとして「キーッ!!」ってなるw #dtp

@yamo これはね、実は最初やってみて、画像は触れないわ、CW解除できないわで、ダメだこりゃにwww #dtp

@yamo ホント難しいよねぇ。

いま、全員巻き込んでw 変更してみたから、リロードして確認してみて。

このぐらいがいいとこかなぁ。 #dtp

@yamo よし、ちょっと大きくしてみよう。 #dtp

ボタン類を隠して使う人は、この期にショートカット覚えるといいよ。組み合わせると最強だよ。

アクションしたいトゥートをクリックしたら、? を押すとヘルプがでるから、

r 返信
f お気に入り
b ブースト

この3つと、上下カーソルキーだけ覚えておけばOK！

あとはヘルプ ? に頼ろう！

使ってるとすぐ覚えちゃうね。 #dtp

ボタンをフロート表示する改良版のこちらも試してね。
https://dtp-mstdn.jp/@noellabo/100654089930487624

本体を改造したくない人は、カスタムCSSを使う方法もあるよ。
https://dtp-mstdn.jp/@noellabo/100654170650386182 #dtp

@yamo これは何、「パーセントを同じに」ってこだわる人の話？

インクジェットなんて、高解像度だと、Kを24%しか打たなくても真っ黒になっちゃうので、0〜24%を0〜100%にマップしている有様だよ。スカスカで打ってるけど、インキ量が多くて広がって埋まっちゃうという。 #dtp

@yamo というわけで、タイムラインのボタン類隠して、hoverで出すヤツ、インスタンス側で実装してみたよ。便利っしょ。

スマートフォン・タブレットでも、一応境目のとこタッチするとアクションバー出てくるけど、これは知らないと気がつかないw

https://dtp-mstdn.jp/@yamo/100582768111033234
https://dtp-mstdn.jp/@yamo/100582761050876194
#dtp