さっきの続きで、もう少しバーを大きくしたヤツ。
カスタム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
UI設計って大変ねぇ………ほんと
hoverじゃなくて下に押し出すように割り込ませる、とかかなぁ。WEBUIデザイン専業の人がいい感じに……w #dtp
あ、そうか全面クリックで別列に出すのができなくなるのか、大きすぎると #dtp
いちぎょうとうこう #dtp
あるいは、hover対象をarticle全部にしちゃうとかな。デスクトップで使っている場合は、投稿自体にカーソル置かなければhoverしないので問題ないから、articleの半分以上かぶっても構わない。
でもスマホだとどういう風になるのかなぁ。
UI設計て大変ね。 #dtp
インクジェットもレーザーもトナーのカラーはインキと全濃度で違うのに、なんでそここだわるのがいるかなー…🐸
#dtp
そうねー
未来感あるやつで色収差エフェクトかかってると、
あれ、未来ってそんな適当なレンズに退化しちゃってるの……
ってなるよね( ‘ㅂ’)w
あと色収差エフェクトじゃなくてあれ、単にRGBズラしだからな。収差じゃねぇし。 #dtp
よくあんだけど「マシンが遅いのでしょうか?」と書いてスペック一切書かなかったりするのってあれ、会話前提なのか。 #dtp
暑いんだけど!けど! #dtp
フリーランスレタッチャー
詳しくは https://iwashi.org/about
#Photoshop
#レタッチ
#オフセット印刷
#カラーマネジメント