Audit components for consistent border-box box-sizing

(2 Kommentare) (1 Reaktion) (1 zugewiesene Person)TypeScript (88 Forks)auto 404

3 - in developmentestimate - 3good first issuep - lowrefactor

Repository-Metriken

monday.com sync: #18048689262

Some components do not have box-sizing: border-box set and could produce inconsistent layouts.

Consistent box-sizing and more predictable layout.

all of the components!

From https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing#:~:text=Note%3A%20It,is%20sometimes%20desirable:

Note: It is often useful to set box-sizing to border-box to lay out elements. This makes dealing with the sizes of elements much easier, and generally eliminates a number of pitfalls you can stumble on while laying out your content. On the other hand, when using position: relative or position: absolute, use of box-sizing: content-box allows the positioning values to be relative to the content, and independent of changes to border and padding sizes, which is sometimes desirable.
https://www.paulirish.com/2012/box-sizing-border-box-ftw/

Research-Richtung: Prüfen Sie alle Komponenten im Codebasis auf solche ohne 'box sizing: border box' und fügen Sie es zu ihren CSS Stilen hinzu.
Tech Stack: typescriptcss
Domain: frontend
Issue Type: Refactoring
Schwierigkeit: 2
Geschätzte Zeit: Halber Tag
Aktivitätsstatus: Aktiv
Klarheit: Klar
Voraussetzungen: CSS
Einsteigerfreundlichkeit: 80