Bug - Tabs aren't flush with edge of container
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
- 65/100
- Tipo di issue
- Bug
- Chiarezza
- Abbastanza chiara
- Stato di attività
- Tranquilla
- Stack tecnologico
- scss
- Ambito
- frontend
Direzione di ricerca
Inizia in src/patternfly/components/Tabs/tabs.scss intorno alla riga 164 e analizza la variabile utilizzata per il margine del scroll-button nascosto e l’espansione di tabs-list. Riproduci il layout con gli scroll-button presenti ma nascosti, quindi verifica che le schede siano a filo con i bordi del contenitore, preservando il comportamento e l’animazione previsti.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
When scroll buttons are in the DOM and hidden, there is a small gap on either side of the tabs list that keeps the tabs from being flush with the edge of their container.
Looks like the problem is because this var is supposed to be the width of the scroll button and it isn't. It's used as a negative margin that's animated to expand the tabs list out when the scroll buttons are hidden. https://github.com/patternfly/patternfly/blob/5ec242ce60ad35365325cee7171e9b5077f6bca3/src/patternfly/components/Tabs/tabs.scss#L164
We can probably do that a better way. A couple of ideas:
-
Simplest fix is probably just updating that var with a
calc()of all of the things in the button, to get an accurate width. -
Ideally, I think we would optimize the animation performance and only animate the scroll button's position using
translate, and let the tabs list resize immediately. We would need to run that by design though because the animation would change a little.
Jira Issue: PF-4461
- Lingua principale
- SCSS
- Stelle
- 817
- Fork
- 116
- Merge medio
- 4g 9h
- PR unite (30g)
- 16
Preparare l'ambiente
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Altre issue di patternfly/patternfly
-
PF Team
Difficoltà 2/5 1-3 ore Idoneità per principianti 82/100
patternfly/patternfly#8605 ·
I maintainer di solito rispondono entro 1 giorno
-
PF Team
Difficoltà 2/5 1-3 ore Idoneità per principianti 72/100
patternfly/patternfly#8601 · 1 assegnatario ·
I maintainer di solito rispondono entro 1 giorno
-
PF Team
Difficoltà 2/5 1-3 ore Idoneità per principianti 68/100
patternfly/patternfly#8590 ·
I maintainer di solito rispondono entro 1 giorno
-
PF Team
Difficoltà 2/5 1-3 ore Idoneità per principianti 68/100
patternfly/patternfly#8589 ·
I maintainer di solito rispondono entro 1 giorno
-
PF Team
Difficoltà 2/5 1-3 ore Idoneità per principianti 72/100
patternfly/patternfly#8587 ·
I maintainer di solito rispondono entro 1 giorno
Tutte le issue di patternfly/patternfly
Issue simili
-
[Type] Bug
Difficoltà 1/5 Meno di un'ora Idoneità per principianti 88/100
I maintainer di solito rispondono entro 1 giorno
-
bug Needs: Triage :mag:
Difficoltà 2/5 1-3 ore Idoneità per principianti 84/100
microsoft/fluentui-contrib#671 ·
-
enhancement
Difficoltà 2/5 1-3 ore Idoneità per principianti 82/100
I maintainer di solito rispondono entro 1 giorno
-
UX
Difficoltà 2/5 1-3 ore Idoneità per principianti 68/100
AllenInstitute/biofile-finder#970 ·
I maintainer di solito rispondono entro 1 giorno
-
bug
Difficoltà 2/5 1-3 ore Idoneità per principianti 84/100
I maintainer di solito rispondono entro 1 giorno