Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

fix: missing images on platform art direction line breaks #3211

Merged
merged 2 commits into from
Nov 14, 2022
Merged

fix: missing images on platform art direction line breaks #3211

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
6148cde
fix: missing images on platform art direction line breaks
alisonjoseph Oct 21, 2022
48b78d2
Merge branch 'main' into fix-broken-images-platform
tay1orjones Nov 14, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions src/pages/components/accordion/usage.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -139,7 +139,9 @@ such as a side panel or tile.
<ArtDirection>

![accordion placement](images/accordion-placement-2m.png)

![accordion placement](images/accordion-placement-2.png)

![accordion placement](images/accordion-placement-2.png)

</ArtDirection>
Expand Down
4 changes: 4 additions & 0 deletions src/pages/data-visualization/chart-anatomy/index.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -39,7 +39,9 @@ navigation tools like a zoom bar and tooltip.
<ArtDirection>

![Color in UI](images/chart-anatomy-1sm.png)

![Color in UI](images/chart-anatomy-1.png)

![Color in UI](images/chart-anatomy-1.png)

</ArtDirection>
Expand Down Expand Up @@ -98,7 +100,9 @@ include radar and solar charts.
<ArtDirection>

![Color in UI](images/chart-anatomy-2sm.png)

![Color in UI](images/chart-anatomy-2.png)

![Color in UI](images/chart-anatomy-2.png)

</ArtDirection>
Expand Down
14 changes: 14 additions & 0 deletions src/pages/data-visualization/legends/index.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -121,7 +121,9 @@ clustered.
<ArtDirection>

![Legends behavior highlight on hover](images/legends-pos-4sm.png)

![Legends behavior highlight on hover](images/legends-pos-4.png)

![Legends behavior highlight on hover](images/legends-pos-4.png)

</ArtDirection>
Expand All @@ -140,7 +142,9 @@ revert to a stack.
<ArtDirection>

![Legends behavior highlight on hover](images/legends-pos-3sm.png)

![Legends behavior highlight on hover](images/legends-pos-3.png)

![Legends behavior highlight on hover](images/legends-pos-3.png)

</ArtDirection>
Expand All @@ -165,7 +169,9 @@ for more detail about geospatial legends.
<ArtDirection>

![Legends behavior highlight on hover](images/legends-pos-5sm.png)

![Legends behavior highlight on hover](images/legends-pos-5.png)

![Legends behavior highlight on hover](images/legends-pos-5.png)

</ArtDirection>
Expand All @@ -185,7 +191,9 @@ categories in the chart to 30 percent.
<ArtDirection>

![Legends behavior highlight on hover](images/legends-behavior-1-sm.png)

![Legends behavior highlight on hover](images/legends-behavior-1.png)

![Legends behavior highlight on hover](images/legends-behavior-1.png)

</ArtDirection>
Expand All @@ -204,7 +212,9 @@ state.
<ArtDirection>

![legends behavior 2](images/legends-behavior-2-sm.png)

![legends behavior 2](images/legends-behavior-2.png)

![legends behavior 2](images/legends-behavior-2.png)

</ArtDirection>
Expand All @@ -216,7 +226,9 @@ state.
<ArtDirection>

![legends behavior 3](images/legends-behavior-3-sm.png)

![legends behavior 3](images/legends-behavior-3.png)

![legends behavior 3](images/legends-behavior-3.png)

</ArtDirection>
Expand All @@ -231,7 +243,9 @@ resets to its default state.
<ArtDirection>

![legends behavior 4](images/legends-behavior-4-sm.png)

![legends behavior 4](images/legends-behavior-4.png)

![legends behavior 4](images/legends-behavior-4.png)

</ArtDirection>
Expand Down
1 change: 1 addition & 0 deletions src/pages/guidelines/color/overview.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -614,6 +614,7 @@ to achieve commonly used contrast ratios between any two colors.
<ArtDirection>

![color grades - Mobile image](images/colorgrades_table_mobile.png)

![color grades graphic](images/colorgrades_table.png)

</ArtDirection>
Expand Down
9 changes: 9 additions & 0 deletions src/pages/guidelines/pictograms/usage.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -94,6 +94,7 @@ strong presence.
<ArtDirection>

![Productive pictogram usage example](images/pictograms_usage_example_mobile.png)

![Productive pictogram usage example](images/pictograms_usage_example.png)

</ArtDirection>
Expand All @@ -102,6 +103,7 @@ strong presence.
<ArtDirection>

![Expressive pictogram usage example](images/expressivePictograms_usage_example1_mobile.png)

![Expressive pictogram usage example](images/expressivePictograms_usage_example1.png)

</ArtDirection>
Expand Down Expand Up @@ -155,12 +157,14 @@ sizes or scale at accepted increments.
<ArtDirection>

![Differently sized productive pictograms](images/14_Sizing_2-mobile.svg)

![Differently sized productive pictograms](images/14_Sizing_2.svg)

</ArtDirection>
<ArtDirection>

![Differently sized expressive pictograms](images/14_Sizing_3-mobile.svg)

![Differently sized expressive pictograms](images/14_Sizing_3.svg)

</ArtDirection>
Expand All @@ -174,6 +178,7 @@ exported and used side by side.
<ArtDirection>

![Alignment Example](images/15_Alignment_1-mobile.svg)

![Alignment Example](images/15_Alignment_1.svg)

</ArtDirection>
Expand All @@ -186,13 +191,15 @@ based on the padding size.
<ArtDirection>

![Padding Example](images/16_Containers_1-mobile.svg)

![Padding Example](images/16_Containers_1.svg)

</ArtDirection>

<ArtDirection>

![Padding Example](images/16_Containers_2-mobile.svg)

![Padding Example](images/16_Containers_2.svg)

</ArtDirection>
Expand Down Expand Up @@ -299,6 +306,7 @@ exceed values 10–20.
<ArtDirection>

![pictogram with color contrast example](/images/10_Backgrounds-mobile_1.svg)

![pictogram with color contrast example](/images/10_Backgrounds_1.svg)

</ArtDirection>
Expand Down Expand Up @@ -351,6 +359,7 @@ corresponds with the pictogram’s background color.
<ArtDirection>

![Expressive pictogram in 4 color themes](images/expressivePictograms_usage-color_mobile.svg)

![Expressive pictogram icon in 4 color themes](images/expressivePictograms_usage-color.svg)

</ArtDirection>
Expand Down