もっと見る
やも🇯🇵DTP鯖🐸 さんがブースト

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

カスタム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は前のあてた上でこれ。
github.com/dtp-mstdn-jp/mastod

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

スレッドを表示

@noellabo 16px→2pxくらい?
これならいろいろな使い方許容できていいかもね

@noellabo ほんまやw
開始エリアの調整とかpaddingとかでなんとかなんのかなこれ。

@noellabo あ、これくらいいいね。老眼にやさしいw
上からカーソル持ってくれば全面クリックできるんだな。

UI設計って大変ねぇ………ほんと

hoverじゃなくて下に押し出すように割り込ませる、とかかなぁ。WEBUIデザイン専業の人がいい感じに……w

あ、そうか全面クリックで別列に出すのができなくなるのか、大きすぎると

あるいは、hover対象をarticle全部にしちゃうとかな。デスクトップで使っている場合は、投稿自体にカーソル置かなければhoverしないので問題ないから、articleの半分以上かぶっても構わない。

でもスマホだとどういう風になるのかなぁ。

UI設計て大変ね。

@noellabo ボタン、heightもっと大きくしてもいいかも。
切れ目部分でhoverはじまるけど、ボタン選択中にhover生きてるエリアが狭いとクリックに集中力が要るw

今の3,4倍くらいにしてもいいかなぁ。どうだろ

@noellabo そやねん。カラマネして混ぜないと寄らないのにまぁだそんなこと言ってるのが居るんだよなぁ。業界人のくせに参っちゃう

@noellabo すまほのほうはクリックしてリプライとかするんでいいけど、あれだね、スマホ版はアプリでスワイプとかのUI実装した方がええな

インクジェットもレーザーもトナーのカラーはインキと全濃度で違うのに、なんでそここだわるのがいるかなー…🐸

@noellabo 緩んでる!ww 銃を持ち上げたらチャキって言わないとだし、パトレイバーはウルトラシリアスな場面でもがちょーん、がちょーん、って歩くし!(WXIII

あとですな。

近未来もので、個人情報端末がスケてるのほんと納得いかない。

なにあれ。みんなそんなオープンになってるの?

ウラから見えてんだよ?まじか。

そうねー
未来感あるやつで色収差エフェクトかかってると、
あれ、未来ってそんな適当なレンズに退化しちゃってるの……
ってなるよね( ‘ㅂ’)w

あと色収差エフェクトじゃなくてあれ、単にRGBズラしだからな。収差じゃねぇし。

やも🇯🇵DTP鯖🐸 さんがブースト

色収差はね……元DTP屋としてはね……アッアッ版ズレやめてつらい……ってなるから印刷ではあまりやってほしくなさあるね……

よくあんだけど「マシンが遅いのでしょうか?」と書いてスペック一切書かなかったりするのってあれ、会話前提なのか。

もっと見る
DTP-Mstdn.jp

DTP-Mstdn.jpは、DTP・デザイン・印刷に関わる人々のためのMastodonインスタンスです。特定分野の専門インスタンスですので、日々のつぶやき、耳寄りな情報の共有、ディスカッション、質問とその回答、役立つスクリプトなど、他では投稿しづらい内容も、思う存分トゥートしましょう!