Skip to content
Merged
Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
93 commits
Select commit Hold shift + click to select a range
eb916fa
Merge branch 'accelerator/icons' into accelerator/3774-Icon-List
mitchmoccia Dec 3, 2020
1518eef
Merge branch 'accelerator/3777-fancy-ordered-list' into accelerator/3…
mitchmoccia Dec 3, 2020
c9ea6a3
3772 Icon list initial commit
mitchmoccia Dec 3, 2020
95521c1
Merge branch 'develop' into accelerator/3772-icon-list
mitchmoccia Dec 8, 2020
487e6df
Merge branch 'develop' into accelerator/3772-icon-list
mitchmoccia Dec 9, 2020
78a49fb
3772 Icon list initial commit
mitchmoccia Dec 9, 2020
7565cb7
Use framed template instead of hardcoded container
thisisdano Dec 9, 2020
1695c58
Use config data to drive component content
thisisdano Dec 9, 2020
2532c17
Strip whitespace in template
thisisdano Dec 9, 2020
1dc81ff
Use standard utility for layout container
thisisdano Dec 9, 2020
1585745
Use framed layout to avoid prose scope
thisisdano Dec 9, 2020
d209207
Override prose scope for all component items
thisisdano Dec 9, 2020
7927453
Use flex not float for items
thisisdano Dec 9, 2020
0b4798a
Use space-above instead of space-below for item-item spacing
thisisdano Dec 9, 2020
0bf84a7
Use block display for icons for more predictable spacing
thisisdano Dec 9, 2020
7975f1b
Use relative position to facilitate custom vertical allignment with b…
thisisdano Dec 9, 2020
4ea7486
Generate list-level variants for all project theme and state colors...
thisisdano Dec 10, 2020
8609a4f
Add list-level variants for icon size...
thisisdano Dec 10, 2020
17e998d
Add color and size variants to data and template
thisisdano Dec 10, 2020
af4bc0e
Add do-list and dont-list examples
thisisdano Dec 10, 2020
1e7c75c
Use a better default size for the icon and tighter item-item padding
thisisdano Dec 10, 2020
7efc333
Add some more custom style to the do/dontlist
thisisdano Dec 10, 2020
09ab5c0
Tie icon/content spacing to the content size
thisisdano Dec 10, 2020
9f023e3
Use a long string of text in one of the do-list items
thisisdano Dec 10, 2020
361cbcd
Lighten the border to focus on the content
thisisdano Dec 10, 2020
b2c5176
Add smart punctuation
thisisdano Dec 10, 2020
2f2d3a3
Add a default max-width of measure-5
thisisdano Dec 10, 2020
8a9987c
Improve mobile performance of column layout
thisisdano Dec 10, 2020
1ef92f5
Remove top-margin from the first child to correct spacing
thisisdano Dec 10, 2020
a4ba3e2
Add a complex list example with long text
thisisdano Dec 10, 2020
d1a1811
Remove prose override — no longer needed with override-prose()
thisisdano Dec 10, 2020
127cd03
Use standard disc for content uls
thisisdano Dec 10, 2020
3235942
Don't allow custom sizing at icon level to preserve left alignment
thisisdano Dec 10, 2020
2f78b16
Allow manual icon positioning
thisisdano Dec 10, 2020
1471757
Configure complex list content
thisisdano Dec 10, 2020
5e2067e
Merge pull request #3879 from uswds/dw-icon-list-changes
mitchmoccia Dec 10, 2020
2530633
Update sample text to exclude words like first and last
mitchmoccia Dec 11, 2020
54cc13c
Merge branch 'develop' into accelerator/3772-icon-list
thisisdano Dec 15, 2020
bb10e68
Merge branch 'develop' into accelerator/3772-icon-list
thisisdano Dec 16, 2020
599b2a2
Small change to invoke more recent Federalist build
mitchmoccia Dec 22, 2020
831dd0d
Merge branch 'develop' into accelerator/3772-icon-list
mitchmoccia Jan 14, 2021
50fb6c5
Update Icon list examples
mitchmoccia Jan 22, 2021
1ab4234
Update snyk to try to get valid build
mitchmoccia Jan 22, 2021
fbca5fc
Add new variant class usa-icon-list__heading that changes the size of…
mitchmoccia Jan 27, 2021
f869f12
Merge lastest from develop and resolve conflict with .snyk
mitchmoccia Jan 27, 2021
d461cb7
Update each examples with suggestions from weekly sync with Dan
mitchmoccia Jan 27, 2021
888459c
Reduce adjacent p tag top margin to reduce space between heading and …
mitchmoccia Jan 27, 2021
19017c3
Tie the Icon list size variant to specific font size tokens
mitchmoccia Jan 29, 2021
ed6fc98
The usa-icon-list__heading class now gets the font family from the th…
mitchmoccia Jan 29, 2021
7ee1ce8
A margin top factor was added to account for smaller icon size varian…
mitchmoccia Jan 29, 2021
df6b611
Change the size variant class from number based to t-shirt token base…
mitchmoccia Feb 2, 2021
9eddc5d
Improve Icon list font size and padding between content area and icon
mitchmoccia Feb 3, 2021
38aedbb
Change __heading to __title in the class name designation
mitchmoccia Feb 3, 2021
fe97882
Fine tune the title text and icons sizes to better match the Sketch file
mitchmoccia Feb 3, 2021
f11943c
Add comments to Icon list Sass file
mitchmoccia Feb 4, 2021
becc24e
Allow "none" to be passed to at-media(), resulting in no MQ output
thisisdano Feb 10, 2021
d196dfd
Don't give examples of long, complex text — this is running text not …
thisisdano Feb 10, 2021
7649742
[see details]
thisisdano Feb 10, 2021
a2ce0a1
Simplify rich content
thisisdano Feb 10, 2021
4cb2d75
Autoformat only untagged text in content areas
thisisdano Feb 10, 2021
48679f5
Return the balanced space under content titles
thisisdano Feb 10, 2021
060abd7
[see details]
thisisdano Feb 10, 2021
1bbb427
[see details]
thisisdano Feb 10, 2021
c9016a5
Clean up comments; use var for magic padding number
thisisdano Feb 10, 2021
c73deba
Use appropriate data
thisisdano Feb 10, 2021
2fb7137
[see details]
thisisdano Feb 10, 2021
97927ba
Refine scaling factors
thisisdano Feb 10, 2021
eef7801
Use conventional colors for icons
thisisdano Feb 10, 2021
634d7b1
Be specific about the elements meant not to get custom sizing
thisisdano Feb 10, 2021
6622b3a
Fix typo
thisisdano Feb 10, 2021
7d3118c
Clarify block-level element comment
thisisdano Feb 10, 2021
1521123
Use alpha order for rules
thisisdano Feb 10, 2021
4cbcf9a
Merge pull request #3991 from uswds/dw-icon-list-modifications
mitchmoccia Feb 11, 2021
274e9ec
Use theme defaults for icon list defaults
thisisdano Feb 19, 2021
aaedca1
Merge branch 'develop' into accelerator/3772-icon-list
mitchmoccia Feb 19, 2021
4134228
Update icon list examples to new spec
mitchmoccia Feb 19, 2021
a00a74e
update package-lock.json
jaredcunha Feb 19, 2021
fbe4886
Merge branch 'accelerator/3772-icon-list' of https://github.com/uswds…
thisisdano Mar 4, 2021
478ca5b
Merge branch 'uswds-2.11.0' into accelerator/3772-icon-list
thisisdano Mar 4, 2021
d4bebc8
Use theme font family
thisisdano Mar 11, 2021
dc09846
Get fixed size for icon, based on non-normalized size token
thisisdano Mar 11, 2021
5f4973a
Use proper keys for component data
thisisdano Mar 11, 2021
b7ad8f3
Removed unused size key from individual item icons
thisisdano Mar 11, 2021
42fa829
Move or remove styles that aren't affected by specific MQs
thisisdano Mar 11, 2021
b806ae7
[see details]
thisisdano Mar 11, 2021
4031206
[see details]
thisisdano Mar 12, 2021
4ca3437
Sync settings
thisisdano Mar 12, 2021
d68b735
Add usa-icon-list package
thisisdano Mar 12, 2021
c6ea22e
Merge branch 'uswds-2.11.0' into accelerator/3772-icon-list
thisisdano Mar 12, 2021
df23ae9
Update component status
thisisdano Mar 12, 2021
8dc2132
Use alpha order for icon list settings
thisisdano Mar 12, 2021
f4acd53
Consolidate media queries
thisisdano Mar 12, 2021
4a49f5c
Remove custom color from example icons
thisisdano Mar 12, 2021
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
Prev Previous commit
Next Next commit
Add a complex list example with long text
  • Loading branch information
thisisdano committed Dec 10, 2020
commit a4ba3e215ab0630e65a18023f75f77572fe04dcc
22 changes: 22 additions & 0 deletions src/components/icon-list/icon-list.config.yml
Original file line number Diff line number Diff line change
Expand Up @@ -47,3 +47,25 @@ variants:
- icon:
name: check_circle
content: The final thing you need to do.
- name: complex-list
label: List with complex content
context:
iconColor: primary
items:
- icon:
name: check_circle
content: The Celebrated Jumping Frog of Calaveras County. By Mark Twain.
- icon:
name: check_circle
content: |
<h4>Here's how it begins:</h4>
<p>In compliance with the request of a friend of mine, who wrote me from the East, I called on good-natured, garrulous old Simon Wheeler, and inquired after my friend's friend, Leonidas W. Smiley, as requested to do, and I hereunto append the result. I have a lurking suspicion that Leonidas W. Smiley is a myth; that my friend never knew such a personage; and that he only conjectured that, if I asked old Wheeler about him, it would remind him of his infamous Jim Smiley, and he would go to work and bore me nearly to death with some infernal reminiscence of him as long and tedious as it should be useless to me. If that was the design, it certainly succeeded.</p>
<ul>
<li>I found Simon Wheeler dozing comfortably by the bar-room stove of the old, dilapidated tavern in the ancient mining camp of Angel's</li>
<li>I noticed that he was fat and bald-headed</li>
<li>He had an expression of winning gentleness and simplicity upon his tranquil countenance</li>
</ul>
<p>Simon Wheeler backed me into a corner and blockaded me there with his chair, and then sat me down and reeled off the monotonous narrative which follows this paragraph. He never smiled, he never frowned, he never changed his voice from the gentle-flowing key to which he tuned the initial sentence, he never betrayed the slightest suspicion of enthusiasm; but all through the interminable narrative there ran a vein of impressive earnestness and sincerity, which showed me plainly that, so far from his imagining that there was any thing ridiculous or funny about his story, he regarded it as a really important matter, and admired its two heroes as men of transcendent genius in finesse. To me, the spectacle of a man drifting serenely along through such a queer yarn without ever smiling, was exquisitely absurd. As I said before, I asked him to tell me what he knew of Rev. Leonidas W. Smiley, and he replied as follows. I let him go on in his own way, and never interrupted him once:</p>
- icon:
name: check_circle
content: There was a feller here once by the name of Jim Smiley, in the winter of '49 or may be it was the spring of '50 I don't recollect exactly, somehow, though what makes me think it was one or the other is because I remember the big flume wasn't finished when he first came to the camp; but any way, he was the curiosest man about always betting on any thing that turned up you ever see, if he could get any body to bet on the other side; and if he couldn't, he'd change sides. Any way that suited the other man would suit him any way just so's he got a bet, he was satisfied. But still he was lucky, uncommon lucky; he most always come out winner. He was always ready and laying for a chance; there couldn't be no solittry thing mentioned but that feller'd offer to bet on it, and -take any side you please, as I was just telling you. If there was a horse-race, you'd find him flush, or you'd find him busted at the end of it; if there was a dog-fight, he'd bet on it; if there was a cat-fight, he'd bet on it; if there was a chicken-fight, he'd bet on it; why, if there was two birds setting on a fence, he would bet you which one would fly first; or if there was a camp-meeting, he would be there reg'lar, to bet on Parson Walker, which he judged to be the best exhorter about here, and so he was, too, and a good man. If he even seen a straddle-bug start to go anywheres, he would bet you how long it would take him to get wherever he was going to, and if you took him up, he would foller that straddle-bug to Mexico but what he would find out where he was bound for and how long he was on the road. Lots of the boys here has seen that Smiley, and can tell you about him. Why, it never made no difference to him he would bet on any thing the dangdest feller. Parson Walker's wife laid very sick once, for a good while, and it seemed as if they warn's going to save her; but one morning he come in, and Smiley asked how she was, and he said she was considerable better thank the Lord for his inftnit mercy and coming on so smart that, with the blessing of Providence, she'd get well yet; and Smiley, before he thought, says, "Well, I'll risk two- and-a-half that she don't, any way."
2 changes: 1 addition & 1 deletion src/components/icon-list/icon-list.njk
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
</svg>
</div>
<div class="usa-icon-list__content">
{{ item.content }}
{{ item.content | safe }}
</div>
</li>
{%- endfor -%}
Expand Down