Skip to content
Permalink
Browse files

fix(note): issue with action layouts

  • Loading branch information...
danethurber committed Jun 13, 2019
1 parent bc46255 commit f1f5f334f4429a1335cbe4f2f7790545355fe1d5
@@ -45,6 +45,7 @@ export default {
'.psds-note__action-bar': {
color: core.colors.gray02,
display: 'flex',
marginLeft: 'auto',

'div + &': { marginLeft: core.layout.spacingMedium }
},
@@ -127,7 +128,8 @@ export default {
fontWeight: core.type.fontWeightBook,
lineHeight: core.type.lineHeightTight,
marginRight: 'auto',
maxWidth: '100%'
maxWidth: '100%',
minWidth: 0
},
[`.psds-note__metadata.psds-theme--${themeNames.light}`]: {
color: core.colors.black
@@ -56,7 +56,7 @@ exports[`Storyshots Note basic 1`] = `
data-css-126k7w0=""
>
<div
data-css-1x8bh9i=""
data-css-1n0mdtj=""
>
<span
data-css-uiygjz=""
@@ -149,7 +149,7 @@ exports[`Storyshots Note with DS Text components 1`] = `
data-css-126k7w0=""
>
<div
data-css-1x8bh9i=""
data-css-1n0mdtj=""
>
<span
data-css-uiygjz=""
@@ -234,7 +234,7 @@ exports[`Storyshots Note with linked avatar 1`] = `
data-css-126k7w0=""
>
<div
data-css-1x8bh9i=""
data-css-1n0mdtj=""
>
<span
data-css-uiygjz=""
@@ -322,7 +322,7 @@ exports[`Storyshots Note with linked heading 1`] = `
data-css-126k7w0=""
>
<div
data-css-1x8bh9i=""
data-css-1n0mdtj=""
>
<span
data-css-uiygjz=""
@@ -368,7 +368,7 @@ exports[`Storyshots Note without avatar and author 1`] = `
data-css-126k7w0=""
>
<div
data-css-1x8bh9i=""
data-css-1n0mdtj=""
>
<span
data-css-uiygjz=""
@@ -393,6 +393,197 @@ exports[`Storyshots Note without avatar and author 1`] = `
</div>
`;

exports[`Storyshots Note/actions no author - long metadata 1`] = `
<div
style={
Object {
"maxWidth": "420px",
}
}
>
<div
data-css-13k5my=""
>
<div
data-css-1e0ri2d=""
>
<p>
If these lines aren't straight, your water's going to run right out of your painting and get your floor wet. At home you have unlimited time. See there, told you that would be easy. Decide where your cloud lives. Maybe he lives right in here.
</p>
<div
data-css-126k7w0=""
>
<div
data-css-1n0mdtj=""
>
<span
data-css-uiygjz=""
>
It is impossible to count the grand contributions of this great author
</span>
<span
aria-hidden={true}
data-css-kykfz1=""
>
·
</span>
<span
data-css-uiygjz=""
>
Levels heretofore unknown in the battle for truth and knowledge
</span>
<span
aria-hidden={true}
data-css-kykfz1=""
>
·
</span>
<span
data-css-uiygjz=""
>
A length of such amazing lengthitude so-as to blow the mind
</span>
</div>
<div
data-css-11lxqfk=""
>
<button
data-css-tqgxbw=""
icon={
<Icon
id="bookmark"
size="medium"
/>
}
title="Bookmark"
>
<div
data-css-otejxm=""
>
<svg
aria-label="bookmark icon"
role="img"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M17.5012 2H9C6.794 2 5 3.795 5 6v17l5.5-6 5.5 6V10h4c.552 0 1-.447 1-1V6c0-2.205-1.2918-4-3.4988-4zM14 6v12l-3.5-4L7 18V6c0-1.104.897-2 2-2h5.536c-.34.589-.536 1.272-.536 2zm5 2h-3V6c0-1.104.3982-2 1.5012-2C18.6032 4 19 4.896 19 6v2z"
/>
</svg>
</div>
</button>
<button
data-css-tqgxbw=""
icon={
<Icon
id="more"
size="medium"
/>
}
title="More"
>
<div
data-css-otejxm=""
>
<svg
aria-label="more icon"
role="img"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M6 14.5c-1.1046 0-2-.8954-2-2s.8954-2 2-2 2 .8954 2 2-.8954 2-2 2zm12 0c-1.1046 0-2-.8954-2-2s.8954-2 2-2 2 .8954 2 2-.8954 2-2 2zm-6 0c-1.1046 0-2-.8954-2-2s.8954-2 2-2 2 .8954 2 2-.8954 2-2 2z"
/>
</svg>
</div>
</button>
</div>
</div>
</div>
</div>
</div>
`;

exports[`Storyshots Note/actions no author - no metadata 1`] = `
<div
style={
Object {
"maxWidth": "420px",
}
}
>
<div
data-css-13k5my=""
>
<div
data-css-1e0ri2d=""
>
<p>
If these lines aren't straight, your water's going to run right out of your painting and get your floor wet. At home you have unlimited time. See there, told you that would be easy. Decide where your cloud lives. Maybe he lives right in here.
</p>
<div
data-css-126k7w0=""
>
<div
data-css-11lxqfk=""
>
<button
data-css-tqgxbw=""
icon={
<Icon
id="bookmark"
size="medium"
/>
}
title="Bookmark"
>
<div
data-css-otejxm=""
>
<svg
aria-label="bookmark icon"
role="img"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M17.5012 2H9C6.794 2 5 3.795 5 6v17l5.5-6 5.5 6V10h4c.552 0 1-.447 1-1V6c0-2.205-1.2918-4-3.4988-4zM14 6v12l-3.5-4L7 18V6c0-1.104.897-2 2-2h5.536c-.34.589-.536 1.272-.536 2zm5 2h-3V6c0-1.104.3982-2 1.5012-2C18.6032 4 19 4.896 19 6v2z"
/>
</svg>
</div>
</button>
<button
data-css-tqgxbw=""
icon={
<Icon
id="more"
size="medium"
/>
}
title="More"
>
<div
data-css-otejxm=""
>
<svg
aria-label="more icon"
role="img"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M6 14.5c-1.1046 0-2-.8954-2-2s.8954-2 2-2 2 .8954 2 2-.8954 2-2 2zm12 0c-1.1046 0-2-.8954-2-2s.8954-2 2-2 2 .8954 2 2-.8954 2-2 2zm-6 0c-1.1046 0-2-.8954-2-2s.8954-2 2-2 2 .8954 2 2-.8954 2-2 2z"
/>
</svg>
</div>
</button>
</div>
</div>
</div>
</div>
</div>
`;

exports[`Storyshots Note/actions one action 1`] = `
<div
style={
@@ -442,7 +633,7 @@ exports[`Storyshots Note/actions one action 1`] = `
Bob Ross
</div>
<div
data-css-oi3fsb=""
data-css-11lxqfk=""
>
<button
data-css-tqgxbw=""
@@ -478,7 +669,7 @@ exports[`Storyshots Note/actions one action 1`] = `
data-css-126k7w0=""
>
<div
data-css-1x8bh9i=""
data-css-1n0mdtj=""
>
<span
data-css-uiygjz=""
@@ -552,7 +743,7 @@ exports[`Storyshots Note/actions two actions 1`] = `
Bob Ross
</div>
<div
data-css-oi3fsb=""
data-css-11lxqfk=""
>
<button
data-css-tqgxbw=""
@@ -613,7 +804,7 @@ exports[`Storyshots Note/actions two actions 1`] = `
data-css-126k7w0=""
>
<div
data-css-1x8bh9i=""
data-css-1n0mdtj=""
>
<span
data-css-uiygjz=""
@@ -687,7 +878,7 @@ exports[`Storyshots Note/actions with an action menu 1`] = `
Bob Ross
</div>
<div
data-css-oi3fsb=""
data-css-11lxqfk=""
>
<button
data-css-tqgxbw=""
@@ -724,7 +915,7 @@ exports[`Storyshots Note/actions with an action menu 1`] = `
data-css-126k7w0=""
>
<div
data-css-1x8bh9i=""
data-css-1n0mdtj=""
>
<span
data-css-uiygjz=""
@@ -798,7 +989,7 @@ exports[`Storyshots Note/actions with long heading 1`] = `
This is probably the greatest thing that's ever happened in my life
</div>
<div
data-css-oi3fsb=""
data-css-11lxqfk=""
>
<button
data-css-tqgxbw=""
@@ -859,7 +1050,7 @@ exports[`Storyshots Note/actions with long heading 1`] = `
data-css-126k7w0=""
>
<div
data-css-1x8bh9i=""
data-css-1n0mdtj=""
>
<span
data-css-uiygjz=""
@@ -905,7 +1096,7 @@ exports[`Storyshots Note/actions without author 1`] = `
data-css-126k7w0=""
>
<div
data-css-1x8bh9i=""
data-css-1n0mdtj=""
>
<span
data-css-uiygjz=""
@@ -925,7 +1116,7 @@ exports[`Storyshots Note/actions without author 1`] = `
</span>
</div>
<div
data-css-oi3fsb=""
data-css-11lxqfk=""
>
<button
data-css-tqgxbw=""
@@ -1044,7 +1235,7 @@ exports[`Storyshots Note/in a list basic 1`] = `
data-css-126k7w0=""
>
<div
data-css-1x8bh9i=""
data-css-1n0mdtj=""
>
<span
data-css-uiygjz=""
@@ -1116,7 +1307,7 @@ exports[`Storyshots Note/in a list basic 1`] = `
data-css-126k7w0=""
>
<div
data-css-1x8bh9i=""
data-css-1n0mdtj=""
>
<span
data-css-uiygjz=""
@@ -1188,7 +1379,7 @@ exports[`Storyshots Note/in a list basic 1`] = `
data-css-126k7w0=""
>
<div
data-css-1x8bh9i=""
data-css-1n0mdtj=""
>
<span
data-css-uiygjz=""
@@ -1271,7 +1462,7 @@ exports[`Storyshots Note/metadata as a link 1`] = `
data-css-126k7w0=""
>
<div
data-css-1x8bh9i=""
data-css-1n0mdtj=""
>
<span
data-css-uiygjz=""
@@ -1362,7 +1553,7 @@ exports[`Storyshots Note/metadata with long strings 1`] = `
data-css-126k7w0=""
>
<div
data-css-1x8bh9i=""
data-css-1n0mdtj=""
>
<span
data-css-uiygjz=""

0 comments on commit f1f5f33

Please sign in to comment.
You can’t perform that action at this time.