Skip to content

Commit

Permalink
Remove extra newlines for docs callouts with no titles
Browse files Browse the repository at this point in the history
- the text is short enough IMO that this is easier readability
  • Loading branch information
cee-chen committed Oct 29, 2024
1 parent 8479b41 commit 2227f34
Show file tree
Hide file tree
Showing 9 changed files with 0 additions and 18 deletions.
2 changes: 0 additions & 2 deletions packages/website/docs/components/display/aspect_ratio.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -6,9 +6,7 @@ id: display_aspect_ratio
# Aspect ratio

:::warning

In some cases, aspect ratio sizing may not be supported by the embed. This component will only work with ones that do, like YouTube.

:::

**EuiAspectRatio** provides a way to responsively resize a single block level child element to a specificied ratio. This is useful for things like YouTube iframes or other embeds that initially have a fixed size. If you need something similar for images, take a look at CSS's [object-fit property](https://www.w3schools.com/css/css3_object-fit.asp).
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -333,9 +333,7 @@ XY charts include: area, bar, and histogram.
You can add meaning to your color segments by using the `bandLabels` prop.

:::note

In version 64.1.0, semantic groupings are only available for **goal and gauge charts**.

:::

<Demo scope={{ ...ElasticCharts, useChartBaseTheme }}>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -614,9 +614,7 @@ Metric charts are composed of a series of elements that follow a specified hiera
Below certain breakpoints, secondary elements such as `subtitles` are removed in order to leave as much space as possible for primary elements (`title`, `value`). Be aware of this limitation when dealing with small metrics.

:::warning

Please be always aware of this limit and resize the Metric component accordingly within your interface or dashboard.

:::

```mdx-code-block
Expand Down
2 changes: 0 additions & 2 deletions packages/website/docs/components/forms/compressed_forms.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -8,9 +8,7 @@ id: forms_compressed_forms
Also known as **Editor-Style Controls**, compressed forms and controls were specifically created for use when space is at a premium. They are not intended for use when the form is the main objective of the page. They work best in editor-style applications where form controls are being used to create or edit content on the page.

:::danger

Do not use compressed and non-compressed form controls in the same form.

:::

To use compressed forms, pass `display="rowCompressed"` to the EuiFormRows and `compressed=true` to the form controls themselves.
Expand Down
2 changes: 0 additions & 2 deletions packages/website/docs/components/forms/date_picker.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -151,9 +151,7 @@ export default () => {
Locale formatting is achieved by using the `locale`,`timeFormat`, and `dateFormat` props. The latter will take any `moment()` notation. Check [Date format by country](https://en.wikipedia.org/wiki/Date_format_by_country) for formatting examples.

:::warning

Moment will try to load the locale on demand when it is used. Bundlers that do not support dynamic require statements will need to explicitly import the locale, e.g. `import 'moment/locale/zh-cn'`. See the below demo JS for examples.

:::

```tsx interactive
Expand Down
2 changes: 0 additions & 2 deletions packages/website/docs/components/layout/flyout.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -813,9 +813,7 @@ export default () => {
By default, flyouts will continue to grow with the width of the window. To stop this growth at an ideal width, set `maxWidth` to `true`, or pass your own custom size.

:::warning

Note that there are some caveats to providing a maxWidth that is smaller than the minWidth.

:::

```tsx interactive
Expand Down
2 changes: 0 additions & 2 deletions packages/website/docs/components/navigation/side_nav.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -76,9 +76,7 @@ Since **EuiSideNav** renders a `<nav>` section element, it is recommended that t
If the heading is visually unnecessary for your application, pass `headingProps.screenReaderOnly` to ensure proper accessibility for those using assitive technology.

:::note

When providing a heading, this will then be the default display for the mobile button title.

:::

```tsx interactive
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -431,7 +431,5 @@ import { SitewideOption } from './sitewide_option';
* `meta`: This bottom line should only contain items if the option is a lower-level item (individual dashboard). The display of which defaults to simple text, but if you pass one of the predetermined `types`, they will be styled according to the design pattern.

:::note

The demo shows how you can temporarily replace the icon for a subset of options to display a short list of recently viewed options.

:::
Original file line number Diff line number Diff line change
Expand Up @@ -669,9 +669,7 @@ export default () => {
Locale formatting is achieved by using the `locale`,`timeFormat`, and `dateFormat` props. The latter will take any `moment()` notation. Check [Date format by country](https://en.wikipedia.org/wiki/Date_format_by_country) for formatting examples.

:::warning

Moment will try to load the locale on demand when it is used. Bundlers that do not support dynamic require statements will need to explicitly import the locale, e.g. `import 'moment/locale/zh-cn'`. See the below demo TSX for examples.

:::

```tsx interactive
Expand Down

0 comments on commit 2227f34

Please sign in to comment.