fix: Stack title overflows into cards for read-only board members

Aperta Adatta ai principianti
#7,980 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
1/5
Tempo stimato
Meno di un'ora
Idoneità per principianti
88/100
Tipo di issue
Bug
Chiarezza
Specificata chiaramente
Stato di attività
Tranquilla
Stack tecnologico
javascript
Ambito
frontend

Direzione di ricerca

Inizia in src/components/board/Stack.vue e confronta i due rami h3 per le board gestibili e quelle di sola lettura o archiviate, verificando come differiscono gli stili del titolo. Riproduci il problema con un titolo di lista lungo su una board di sola lettura o archiviata, quindi verifica che il titolo rimanga su una sola riga con un'ellissi senza sovrapporsi alle schede.

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

Descrizione

1. to develop bug

Bug description

For users with read-only access to a board (canManage = false) or on archived boards, the list/stack column header title wraps to multiple lines and visually overlaps the cards below it. Users with manage rights see the title correctly truncated with ….

Steps to reproduce

  1. Share a board with a user as read-only (no manage rights)
  2. Log in as that user and open the board
  3. The board must have at least one list with a long title

Result: Title wraps to multiple lines and overlaps the cards.
Expected: Title is truncated to a single line with …

Root cause

In src/components/board/Stack.vue there are two <h3> branches:

  • Manageable (v-else-if="!editing"): has class="stack__title" → gets white-space: nowrap; overflow: hidden; text-overflow: ellipsis → correct.
  • Read-only / archived (v-if="!canManage || isArchived"): plain <h3> without the class → no overflow constraints → wraps freely.

Environment

  • Affects all browsers (Chrome, Firefox, WebKit)
  • Reproducible on Nextcloud Deck v1.17.1
Lingua principale
JavaScript
Stelle
1.4k
Fork
354
Merge medio
1g 13h
PR unite (30g)
39

Guida per i contributori

Apri la guida per i contributori

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/deck

Tutte le issue di nextcloud/deck

Issue simili

Altre issue su JavaScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.