ui-components
ui-components copied to clipboard
GovAlta
ui-components contains the code you need to start building a user interface for Government of Alberta platforms and services.
* Update padding for microsite header * Make sure alignment between the microsite header and app header exists. Demo link: https://vanessatran-ddi.github.io/ui-components/#/ Video: https://github.com/GovAlta/ui-components/assets/120135417/11361ab7-6af9-4df6-b1ef-ea2136632044
The `.goa-container` `flex` css can updated to allow for dynamically setting it to prevent flex growth. ``` .goa-container { box-sizing: border-box; display: flex; flex: 0 0 auto; /** here **/...
### Scope: 1. Fixing #1772 2. Fixing #1792 3. Fixing #1386 ### What are changed: - [x] AppHeader active link on mobile and tablet, now has the blue background color...
# Testing Create a Drag and Drop variant of the File Upload. Make sure you can select multiple files using it, while using the file select window (not dragging and...
# Info For the accept property, if there is a white space in front of the MINE Type, it will give invalid type error message. Example: - `accept="application/pdf, image/png"` will...
## Acceptance Criteria 1. Need to add `light` type to `variant` property 2. Need to update Sandbox to allow selection of `light` variant 3. Remove `nocolor` type from `variant` property...
### Describe the bug For the accept property, currently it's case-insensitive when filter, but case-sensitive when upload. we should make it case-insensitive for both, since both windows and Mac operating...
This PR addresses https://github.com/GovAlta/ui-components/issues/1146 with the following changes: - Adds `light` variant - Updates colours for other variants from the [Figma design](https://www.figma.com/file/jDsIoiKh5ViZRWJdS0Dgtf/Component---Button?type=design&node-id=2403%3A133290&mode=design&t=YCaqJONkIYZ8AFc8-1) - Uses `dark` styling for `nocolor` - Uses...
# Info This story is intended to gather all breaking changes we potentially want to make to our components. This is to be used when we have to make a...