Image : better CSS hover display would be nice

オープン 初心者向け
#3,244 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る

メンテナーはふだん 1 日以内に返信

まだ誰も着手していません。

評価

難易度
2/5
見積もり時間
1〜3時間
初心者へのやさしさ
68/100
issue の種類
機能追加
明瞭さ
おおむね明確
活発さ
活発
技術スタック
css, javascript
領域
frontend

調査の方向性

Issueでは画像のホバーオーバーレイについて説明されていますが、該当するファイルは示されていません。まずフロントエンドで画像コンポーネントとそのホバースタイルを特定し、現在の動作をスクリーンショットと比較してください。ホバーブロックが中央に配置され、画像全体を覆い、部分的な不透明度になれば完了です。

索引モデルが issue の本文から書いたものです。

説明

0. Needs triage design enhancement skill: frontend
Is your feature request related to a problem? Please describe.
  • Nextcloud 34.0.5
  • Tables 2.4.0

When I hover my mouse cursor over an image, a 100% opaque block covers the image. I don't think that's appropriate. I think there should be partial opacity. Also, I notice that the block doesn’t cover 100% of the image (and isn’t centered very well), and I don’t know if that’s intentional, but I find it odd. I think it should cover 100% of the image.

I did try to create a PR myself, but I couldn't figure out where to edit the CSS properties.

Currently :
Image

What I suggest you to do :
Image

Currently :
Image

What I suggest you to do :
Image

Describe the solution you'd like

Check above

Describe alternatives you've considered

No response

Additional context

No response

主要言語
JavaScript
スター
220
フォーク
57
平均マージ
1日 4時間
マージ済み PR(30日)
78

環境構築

Codespaces で開く

このプロジェクトの開発コンテナを、あなたの GitHub アカウントでブラウザ上に起動します。

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

nextcloud/tables のほかの issue

nextcloud/tables の issue をすべて見る

似ている issue

JavaScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。