Gregor Wassmann
4a81785036
Fix horizontal scrollbars on small screens
...
This patch addresses #1649 to fix documentation layout. In fact there are multiple issues with the current layout.
1. Flex layout might have an issue with overflowing content. See https://codepen.io/gregorw/full/gOdqreo .
2. The props table at the bottom of each page doesn’t overflow and stretches the layout.
This minimal change fixes code snippets in such a way that they are wrapped on small screens, since `overflow-x: scroll` doesn’t seem to work with the flexbox layout used. See code pen for problem description and solution A. This fixes horizontal scrollbars on all pages that don’t have other issues such as a large non-overflowing props table at the bottom.
The prop table at the bottom needs a separate PR. Possible solutions are that we get overflow/scroll to work or that we change to the mobile table of contents earlier. Maybe using a non-flexbox layout would solve some of the problems, too. See solution B of code pen above.
2023-03-26 12:46:48 +02:00
Hyunseung
4c5d8cd1ed
docs(tag): fix typo ( #1705 )
2023-03-25 13:18:42 -07:00
Gregor Wassmann
aa2e97f110
docs(theme): use Theme
component from library ( #1700 )
2023-03-24 16:10:50 -07:00
metonym
ca40dd18c2
fix(selectable-tile): include dispatched events in types ( #1695 )
...
Fixes #1694
2023-03-20 21:27:29 -04:00
gabrielleecredera
42349ebc61
fix(1684): hide helper text container in password input when not used ( #1685 )
2023-03-11 14:38:44 -05:00
Jonathan Quintin
7ddbf17cbb
feat(progress-bar): add status
prop ( #1560 )
...
* ProgressBar status feature added
* ProgressBar: Removed the css variables and use carbon-css instead.
The way of assigning the ProgressBar value has change. It is now a style
variable and scale-x is calculated in the css. This way prevent the
override of carbon css.
* Removed an unessacery span.
* Removed an unnecessary span.
* Added the status for the ProgressBarUx
* Remove `style css` and update docs.
* - Fixed the `capped` variable for more readability
- Updated docs `label` and `helperText`
- Updated docs and css
* fix: finished/error states cannot be indeterminate
* Run "yarn build:css"
* Re-run "yarn build:docs"
* test(progress-bar): assert `status` prop
* chore: add aria-busy and set valuenow to 0 when not active
---------
Co-authored-by: Eric Liu <ericyl.us@gmail.com>
Co-authored-by: Enrico Sacchetti <enrico@theetrain.ca>
2023-02-19 12:34:41 -05:00
metonym
6450e8b0b1
fix(types): add missing $$restProps
for Checkbox
, Filename
, FluidForm
( #1655 )
...
* fix(types): add missing `$$restProps` for `Checkbox`, `Filename`, `FluidForm`
* Run "yarn build:docs"
* test: assert `$$restProps` for `Checkbox`, `Form`
2023-02-11 13:50:01 -05:00
metonym
2a8fc00a09
docs(button): add example of disabled, icon-only button ( #1651 )
2023-02-06 22:26:24 -05:00
metonym
ec867c46ba
fix(tree-view)!: remove expanded
property from TreeNode
interface ( #1631 )
...
* fix(tree-view)!: remove `expanded` property from `TreeNode`
* fix(tree-view-node-list)!: remove unused `expanded` prop
* docs(tree-view): remove `expanded` as a property
#1630
2023-01-17 20:55:46 -05:00
Enrico Sacchetti
c1c8309443
docs(component-api): change details
-> detail
( #1610 )
2023-01-01 09:04:17 -08:00
Enrico Sacchetti
50066966da
feat(notification)!: replace iconDescription
prop with statusIconDescription
, closeButtonDescription
( #1591 )
...
Fixes #672 , fixes #1563
* breaking: remove `iconDescription` prop from `InlineNotification`, `ToastNotification`
* breaking: require `iconDescription` prop in `NotificationIcon`
* feat: add new `statusIconDescription` and `closeButtonDescription` to `InlineNotification`, `ToastNotification`
2022-12-18 15:28:23 -08:00
Gregor Wassmann
e258db0cae
docs(pagination-nav): add change event docs ( #1592 )
...
It seems that in #1518 some docs were not properly generated.
This is the change that results from running `yarn build:docs`.
2022-12-17 09:06:40 -05:00
Enrico Sacchetti
8d55752a18
fix(pagination-nav)!: use 1-indexing to be consistent with Pagination
( #1518 )
...
Fixes #1513
2022-12-13 10:23:04 -08:00
Enrico Sacchetti
9198ed5474
feat!: dispatch "change" event in Pagination
, rename "change" to "update" in Select
( #1497 )
...
Closes #1491
* feat(pagination): dispatch "change" event when interacting with previous/next buttons, page/page size dropdowns
* breaking(select): rename dispatched "change" event to "update"
* breaking(select): forward `change` event to `Select`
2022-12-13 10:22:17 -08:00
metonym
27da2a0f8b
docs: link source code to folder for multiple components ( #1582 )
...
* docs: link source code to folder for multiple components
* chore(docs): remove unused `source` from frontmatter
2022-12-10 20:49:42 -05:00
DetachHead
948b5a1488
docs: fix link to carbon-components
( #1571 )
2022-12-07 20:25:47 -08:00
metonym
837716ff8b
fix(overflow-menu): dispatch "close" event when clicking outside ( #1546 )
...
Fixes #1541
2022-12-07 20:25:47 -08:00
Eric Liu
a3204cc131
docs(popover): simplify external element example
2022-12-07 20:13:13 -08:00
Maxime Fafard
0f8a57b9d2
fix(popover): fire "click:outside" event when clicking sibling elements ( #1570 )
2022-12-07 20:10:45 -08:00
Jonathan Quintin
e6f5766e46
fix(number-input): support floating point values ( #1555 )
...
Fixes #233 , fixes #486 , fixes #1554
2022-12-07 20:06:29 -08:00
metonym
198e0da4c5
fix(tree-view): loosen TreeNode
text property type to any ( #1576 )
...
* fix(tree-view): loosen `TreeNode` text property type to any
* Run "yarn build:docs"
* test(tree-view): assert updated property type value
2022-12-07 20:00:20 -08:00
DetachHead
21d841feeb
fix(tree-view): make TreeView
children prop type work recursively ( #1566 )
2022-12-07 19:54:14 -08:00
metonym
1c4ee00142
fix(search): prop types should extend input
attributes ( #1523 )
...
Fixes #1520
2022-10-13 22:04:32 -07:00
metonym
b5b392963e
docs(pagination-nav): add more examples ( #1514 )
...
Adds "Reactive example," "Total," "Shown," and "Custom button text."
2022-10-08 13:38:11 -07:00
metonym
59c02c9a92
docs: update README, links ( #1509 )
...
* docs: add note on using `optimizeImports` with `svelte-preprocess` (Closes #1500 )
* docs: point link to SASS guide to v10 (#1489 )
* docs: remove note on minimum Svelte version as it's been almost half a year since 3.48 was released
2022-10-03 20:32:48 -07:00
Ben Periton
bd8741e45b
fix(toolbar-search): forward keyup, keydown, paste events to Search
( #1490 )
2022-09-21 08:25:27 -07:00
metonym
e1ec60dc09
docs: update number of available icons
2022-09-19 08:56:53 -07:00
metonym
bab5007807
build(docs): disable mdsvex
smartypants
2022-09-09 10:08:43 -07:00
metonym
6ec48312ff
docs(expandable-tile): add "With interactive content" example ( #1465 )
...
* style(docs): apply `code-01` styles to component api type, default value
* docs(expandable-tile): add "With interactive content" example (#1464 )
* docs(overflow-menu): do not open flipped example by default
2022-08-27 11:30:02 -07:00
metonym
c747b3f392
chore(docs): upgrade @sveltejs/vite-plugin-svelte, vite to latest [ci skip]
2022-08-23 10:43:12 -07:00
metonym
6b515b7589
docs(ui-shell): make SideNav
in rail example a sibling to Content
...
Related #1459
2022-08-23 07:59:15 -07:00
metonym
18188c0c2e
docs: update number of pictograms
...
`carbon-pictograms-svelte` now ships 900+ pictograms.
2022-08-19 15:12:50 -07:00
metonym
b6a62d2502
docs(data-table): extract "Sortable with pagination" example into iframe ( #1456 )
2022-08-18 07:08:35 -07:00
metonym
dbe33d5cbb
feat(toolbar-search): add filteredRowIds
prop to support pagination ( #1454 )
...
Closes #1393
* feat(toolbar-search): add `filteredRowIds` prop
* Run "yarn build:docs"
* test(data-table): assert `filteredRowIds` prop
* docs(data-table): add pagination to default filterable examples
2022-08-18 06:59:14 -07:00
metonym
f794cb5312
feat(data-table): dispatch on:click:header--select
event ( #1453 )
...
* feat(data-table): dispatch `on:click:header--select` event
* Run "yarn build:docs"
2022-08-17 10:19:31 -07:00
metonym
e2a90005b9
docs: replace h3
with h2
headings ( #1452 )
2022-08-17 07:15:29 -07:00
metonym
b5c4501903
docs(data-table): improve example names and descriptions ( #1451 )
...
* docs(data-table): "Selectable" -> "Selectable rows (checkbox)"
* docs(data-table): "Selectable (radio)" -> "Selectable rows (radio)"
* docs(data-table): "Expandable" -> "Expandable rows"
* docs(data-table): update "Batch expansion" description
* docs(data-table): "Expandable and selectable" -> "Expandable and selectable rows"
2022-08-17 07:01:58 -07:00
naegelin
30487128b3
feat(data-table): dispatch on:click:row--select
event ( #1450 )
2022-08-17 06:39:03 -07:00
metonym
b42f9ba258
docs: add DataTable
example "Batch selection with controlled toolbar" ( #1447 )
...
* docs(inline-notification): add `NotificationActionButton` to Component API
* docs(data-table): rename example "Selectable with batch actions"
* docs(data-table): add example "Batch selection with controlled toolbar"
* docs(notification): remove note on minimum Svelte version
This banner is redundant since the minimum Svelte version is displayed in the README and on the home page of the docs.
2022-08-15 06:29:58 -07:00
metonym
8fea168ffd
feat(toast-notification): add fullWidth
prop ( #1444 )
...
* feat(toast-notification): add `fullWidth` prop
* Run "yarn build:docs"
* test(toast-notification): assert `fullWidth` prop
* docs(toast-notification): add "Full width" example
2022-08-14 14:56:02 -07:00
metonym
b04a281939
fix(toolbar-batch-actions): active
prop should be reactive ( #1445 )
...
Follow-up to #1440
2022-08-14 14:55:38 -07:00
naegelin
06777ba803
feat(toolbar-batch-actions): dispatch cancelable on:cancel
event ( #1441 )
...
Closes #1438
2022-08-14 12:09:40 -07:00
naegelin
bc58c7b029
feat(toolbar-batch-actions): add active
prop to show toolbar ( #1440 )
...
Closes #1438
2022-08-12 08:01:58 -07:00
Piper McCorkle
b6e4d133da
fix(notification-action-button): prop types should extend Button
( #1442 )
2022-08-11 18:45:41 -07:00
metonym
1c573e55b0
style(docs): increase max content width 56rem -> 66rem
2022-08-10 06:41:36 -07:00
Eric Liu
1fc719b738
style(docs): add scroll-margin-top to anchored headings [ci skip]
2022-08-07 06:21:43 -07:00
Eric Liu
0cd46712ca
style(docs): side nav overlay should be clickable [ci skip]
2022-08-06 21:31:36 -07:00
Eric Liu
2532814801
style(docs): tighten up margins [ci skip]
2022-08-06 14:03:29 -07:00
Eric Liu
d4cf6577c9
docs: flatten table of contents hierarchy
2022-08-06 14:02:53 -07:00
Eric Liu
f1caf83103
docs: correctly render table of contents [ci skip]
2022-08-06 13:37:49 -07:00