Image : better CSS hover display would be nice

Aperta Adatta ai principianti
#3,244 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
2/5
Tempo stimato
1-3 ore
Idoneità per principianti
68/100
Tipo di issue
Funzionalità
Chiarezza
Abbastanza chiara
Stato di attività
Attiva
Stack tecnologico
css, javascript
Ambito
frontend

Direzione di ricerca

L’issue descrive la sovrapposizione al passaggio del mouse sull’immagine, ma non indica il file pertinente. Inizia individuando il componente dell’immagine e i relativi stili hover nel frontend, quindi confronta il comportamento attuale con gli screenshot. Il lavoro è completato quando il blocco hover è centrato, copre l’intera immagine e ha un’opacità parziale.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

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

Lingua principale
JavaScript
Stelle
220
Fork
57
Merge medio
1g 4h
PR unite (30g)
78

Preparare l'ambiente

Apri in Codespaces

Avvia il container di sviluppo del progetto nel browser, con il tuo account GitHub.

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di nextcloud/tables

Tutte le issue di nextcloud/tables

Issue simili

Altre issue su JavaScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.