ayo/lion
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore(popup/tooltip): improve DOM order in demo's

Browse source
This commit is contained in:
erik 2019-09-03 11:38:15 +02:00
parent 48a41c97bf
commit 58030bf3ef
2 changed files with 12 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
packages/popup/stories/index.stories.js
View file

@ -59,8 +59,8 @@ storiesOf('Local Overlay System|Popup', module)
</style>
<div class="demo-box">
<lion-popup .popperConfig="${{ placement: 'top' }}">
<div slot="content" class="popup">Hello there!</div>
<lion-button slot="invoker">Popup</lion-button>
<div slot="content" class="popup">Hello there!</div>
</lion-popup>
</div>
`,
@ -73,20 +73,20 @@ storiesOf('Local Overlay System|Popup', module)
</style>
<div class="demo-box_placements">
<lion-popup .popperConfig="${{ placement: 'top' }}">
<div slot="content" class="popup">Its top placement</div>
<lion-button slot="invoker">Top</lion-button>
<div slot="content" class="popup">Its top placement</div>
</lion-popup>
<lion-popup .popperConfig="${{ placement: 'right' }}">
<div slot="content" class="popup">Its right placement</div>
<lion-button slot="invoker">Right</lion-button>
<div slot="content" class="popup">Its right placement</div>
</lion-popup>
<lion-popup .popperConfig="${{ placement: 'bottom' }}">
<div slot="content" class="popup">Its bottom placement</div>
<lion-button slot="invoker">Bottom</lion-button>
<div slot="content" class="popup">Its bottom placement</div>
</lion-popup>
<lion-popup .popperConfig="${{ placement: 'left' }}">
<div slot="content" class="popup">Its left placement</div>
<lion-button slot="invoker">Left</lion-button>
<div slot="content" class="popup">Its left placement</div>
</lion-popup>
</div>
`,
@ -123,8 +123,8 @@ storiesOf('Local Overlay System|Popup', module)
},
})}"
>
<div slot="content" class="popup">${text('Content text', 'Hello, World!')}</div>
<lion-button slot="invoker">${text('Invoker text', 'Click me!')}</lion-button>
<div slot="content" class="popup">${text('Content text', 'Hello, World!')}</div>
</lion-popup>
</div>
`,

12
packages/tooltip/stories/index.stories.js
View file

@ -59,8 +59,8 @@ storiesOf('Local Overlay System|Tooltip', module)
</style>
<div class="demo-box">
<lion-tooltip .popperConfig=${{ placement: 'right' }}>
<div slot="content" class="tooltip">Hello there!</div>
<lion-button slot="invoker">Tooltip</lion-button>
<div slot="content" class="tooltip">Hello there!</div>
</lion-tooltip>
</div>
`,
@ -73,20 +73,20 @@ storiesOf('Local Overlay System|Tooltip', module)
</style>
<div class="demo-box_placements">
<lion-tooltip .popperConfig=${{ placement: 'top' }}>
<div slot="content" class="tooltip">Its top placement</div>
<lion-button slot="invoker">Top</lion-button>
<div slot="content" class="tooltip">Its top placement</div>
</lion-tooltip>
<lion-tooltip .popperConfig=${{ placement: 'right' }}>
<div slot="content" class="tooltip">Its right placement</div>
<lion-button slot="invoker">Right</lion-button>
<div slot="content" class="tooltip">Its right placement</div>
</lion-tooltip>
<lion-tooltip .popperConfig=${{ placement: 'bottom' }}>
<div slot="content" class="tooltip">Its bottom placement</div>
<lion-button slot="invoker">Bottom</lion-button>
<div slot="content" class="tooltip">Its bottom placement</div>
</lion-tooltip>
<lion-tooltip .popperConfig=${{ placement: 'left' }}>
<div slot="content" class="tooltip">Its left placement</div>
<lion-button slot="invoker">Left</lion-button>
<div slot="content" class="tooltip">Its left placement</div>
</lion-tooltip>
</div>
`,
@ -123,8 +123,8 @@ storiesOf('Local Overlay System|Tooltip', module)
},
})}"
>
<div slot="content" class="tooltip">${text('Content text', 'Hello, World!')}</div>
<lion-button slot="invoker">${text('Invoker text', 'Click me!')}</lion-button>
<div slot="content" class="tooltip">${text('Content text', 'Hello, World!')}</div>
</lion-tooltip>
</div>
`,