Permalink
Browse files

tweak storybook

  • Loading branch information...
egoist committed Mar 21, 2018
1 parent 5167504 commit 14848b620756b7951811cdbe518988bd16ca9391
Showing with 52 additions and 7 deletions.
  1. +47 −0 .storybook/manager.ejs
  2. +5 −1 .storybook/poi.config.js
  3. +0 −5 stories/AddGitHubCorner.js
  4. +0 −1 stories/index.js
@@ -0,0 +1,47 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta content="IE=edge" http-equiv="X-UA-Compatible" />
<title><%= htmlWebpackPlugin.options.title %></title>
<% if (htmlWebpackPlugin.options.description) { %>
<meta name="description" content="<%= htmlWebpackPlugin.options.description %>"/>
<% } %>
<style>
/*
When resizing panels, the drag event breaks if the cursor
moves over the iframe. Add the 'dragging' class to the body
at drag start and remove it when the drag ends.
*/
.dragging iframe {
pointer-events: none;
}
/* Styling the fuzzy search box placeholders */
.searchBox::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #ddd;
font-size: 16px;
}
.searchBox::-moz-placeholder {
/* Firefox 19+ */
color: #ddd;
font-size: 16px;
}
.searchBox:focus {
border-color: #EEE !important;
}
.btn:hover {
background-color: #eee
}
</style>
</head>
<body style="margin: 0;">
<a href="https://github.com/egoist/vue-content-loader" class="github-corner" aria-label="View source on Github"><svg width="80" height="80" viewBox="0 0 250 250" style="fill:#151513; color:#fff; position: absolute; z-index: 9999;top: 0; border: 0; right: 0;" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a><style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style>
<div id="root"></div>
</body>
</html>
@@ -1,3 +1,5 @@
const path = require('path')
// poi.config.js
module.exports = {
// Use your storybook config as entry
@@ -6,6 +8,8 @@ module.exports = {
// If you want storybook addons:
// entry: ['.storybook/config.js', '.storybook/addons.js']
plugins: [
require('@poi/plugin-storybook')()
require('@poi/plugin-storybook')({
managerTemplate: path.join(__dirname, 'manager.ejs')
})
]
}

This file was deleted.

Oops, something went wrong.
@@ -7,7 +7,6 @@ import {
InstagramLoader,
ListLoader
} from '../src'
import './AddGitHubCorner'
const Container = {
functional: true,

0 comments on commit 14848b6

Please sign in to comment.