Skip to content

Commit

Permalink
docs(chore):formatting
Browse files Browse the repository at this point in the history
  • Loading branch information
Topener committed Oct 21, 2024
1 parent 9c05588 commit 9e600d9
Show file tree
Hide file tree
Showing 2 changed files with 7 additions and 7 deletions.
4 changes: 2 additions & 2 deletions docs/docs/principles/forms.md
Original file line number Diff line number Diff line change
Expand Up @@ -44,8 +44,8 @@ Provide feedback for users where this is needed. Feedback can be in the form of

Forms are made up of different types of inputs. There are various inputs available in the DHIS2 Design System. The documentation for each input covers when it should and should not be used in detail. The table below summarizes the correct usage of each input type.

| Input | Usage | Notes |
| ---------------------------------------- | ------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Input | Usage | Notes |
| ------------------------------------------- | ------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| [Text](/docs/ui/components/inputfield) | Enter free text input | There are multiple types of text input that accept different formats. See the input documentation for details. |
| [Single select](/docs/ui/components/select) | Select a single option from a list of many | A select should be used when there are more than 5-7 options instead of radio buttons. |
| [Multi select](/docs/ui/components/select) | Select multiple options from a list of many | A select should be used when there are more than 5-7 options instead of checkboxes |
Expand Down
10 changes: 5 additions & 5 deletions docs/docs/principles/layout.md
Original file line number Diff line number Diff line change
Expand Up @@ -128,12 +128,12 @@ The DHIS2 design system defines fives stack layers:

![example of stacking layers](/images/stacking.png)

| Layer | Description |
| ------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Base Application Layer (0–1999) | Contains all components, controls and data for the main application. The application can define its own layering from 0 to 1999. |
| Application Top Layer (2000) | Protected components that always layer over the top of the base application layer. This layer is reserved for controls such as dropdowns and popovers that functionally must always display above the application content. |
| Layer | Description |
| ------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Base Application Layer (0–1999) | Contains all components, controls and data for the main application. The application can define its own layering from 0 to 1999. |
| Application Top Layer (2000) | Protected components that always layer over the top of the base application layer. This layer is reserved for controls such as dropdowns and popovers that functionally must always display above the application content. |
| Blocking Layer (3000) | Blocks the application and its controls. Only use for actions that are intentionally interrupting. This layer contains a screen cover that blocks the layers beneath. Child elements, such as [modals](/docs/ui/components/modal) or loaders, can be added to this layer. |
| Reserved (4000–9998) | Reserved for future development. |
| Reserved (4000–9998) | Reserved for future development. |
| Alert Layer (9999) | The top layer is reserved for displaying [alert bars](/docs/ui/components/alertbar). Alert bars can contain critical information and so must always be displayed above all other content. |

Note: the stacking system is not a technical implementation of `z-index` values. See the DHIS2 ui library for implementation details.

0 comments on commit 9e600d9

Please sign in to comment.