Some cleanup

selvagsz · Apr 30, 2018 · c4d5a7c · c4d5a7c
1 parent 7a9eb06
commit c4d5a7c
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 223 deletions.
diff --git a/docs/app/index.scss b/docs/app/index.scss
@@ -37,50 +37,6 @@ html, body {
   @include placeholder()
 }
 
-section.header {
-  background: linear-gradient(180deg,rgba(90, 62, 144, 0.99),#774aff);
-  padding: 125px 20px;
-  position: relative;
-  z-index: 1;
-
-  .header__container {
-    max-width: 600px;
-    margin: auto;
-    text-align: center;
-    color: #fff;
-  }
-
-  h1 {
-    font-size: 40px;
-  }
-
-  .header__desc {
-    font-size: 18px;
-    margin-top: 10px;
-    margin-bottom: 25px;
-  }
-
-  &::before {
-    content: '';
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    background-image: url('https://68.media.tumblr.com/d78eb7bd6eafe022ea6cc2176f1b41c0/tumblr_nkwxd8cKHg1r82eito1_500.gif');
-    opacity: 0.03;
-    z-index: -1;
-  }
-}
-
-.tether-element {
-  z-index: 3;
-}
-
-.github-button {
-  visibility: hidden;
-}
-
 .icon {
   display: inline-block;
   width: 1em;
@@ -90,95 +46,12 @@ section.header {
   fill: currentColor;
 }
 
-.social {
-  display: block;
-  position: fixed;
-  bottom: 30px;
-  width: 100%;
-  text-align: center;
-  color: #aaa;
-  font-size: 24px;
-
-  a {
-    color: inherit;
-    text-decoration: none;
-
-    + a {
-      margin-left: 10px;
-    }
-  }
-
-  .icon {
-    cursor: pointer;
-
-    &:hover {
-      color: #666;
-    }
-  }
-
-}
-
-header {
-  font-size: 45px;
-  color: #fff;
-  text-align: center;
-}
-
-.container {
-  max-width: 875px;
-  margin: auto;
-  z-index: 1;
-  position: relative;
-  background-color: #fff;
-  padding: 30px;
-}
-
-.demo {
-  h3 {
-    margin-bottom: 12px;
-  }
-}
-
-section {
-  > h1 {
-    position: relative;
-    margin-bottom: 50px;
-
-    &::before {
-      content: '';
-      position: absolute;
-      left: 0;
-      width: 40px;
-      top: 100%;
-      border: 2px solid #e8e7e7;
-      margin-top: 8px;
-    }
-  }
-}
-
-.powerselect:focus {
-  border-color: orange;
-}
-
 .flag {
   width: 20px;
   height: 13px;
   margin-right: 8px;
 }
 
-.code {
-  float: right;
-  font-size: 11px;
-  color: #666;
-  letter-spacing: 2px;
-  margin-top: 4px;
-}
-
-.highlight {
-  background-color: yellow;
-  font-weight: bold;
-}
-
 .quick-create {
   padding: 8px 12px;
   border-top: 1px solid #e5e5e5;
@@ -192,95 +65,14 @@ section {
   }
 }
 
-.spinner {
-  text-align: center;
-  padding: 10px;
-  font-size: 13px;
-  color: #bbb;
-}
-
-.spinner > div {
-  width: 6px;
-  height: 6px;
-  background-color: #888;
-
-  border-radius: 100%;
-  display: inline-block;
-  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
-  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
-  margin-left: 5px;
-}
-
-.spinner .bounce1 {
-  -webkit-animation-delay: -0.32s;
-  animation-delay: -0.32s;
-}
-
-.spinner .bounce2 {
-  -webkit-animation-delay: -0.16s;
-  animation-delay: -0.16s;
-}
-
-@-webkit-keyframes sk-bouncedelay {
-  0%, 80%, 100% { -webkit-transform: scale(0) }
-  40% { -webkit-transform: scale(1.0) }
-}
-
-@keyframes sk-bouncedelay {
-  0%, 80%, 100% {
-    -webkit-transform: scale(0);
-    transform: scale(0);
-  } 40% {
-    -webkit-transform: scale(1.0);
-    transform: scale(1.0);
-  }
-}
-
-.Section {
-  margin-bottom: 60px;
-  padding-bottom: 60px;
-  border-bottom: 1px solid #eaeaea;
-}
-
-.Section__Demo {
-  width: 45%;
-  margin-right: 5%;
-  float: left;
-}
-
-.styled-background {
-  background-color: rgba(255, 255, 0, 0.3);
-}
-
 .help {
   color: #aaa;
   font-size: 13px;
   margin-top: 8px;
 }
 
-.PowerSelect__Trigger__RHS {
-  svg + svg {
-    margin-left: 12px;
-  }
-}
-
-@media (max-width: 875px) {
-  .container {
-    margin: 0 10px;
-  }
-}
-
-@media (max-width: 767px) {
-  .header {
-    font-size: 30px;
-    letter-spacing: 2px;
-  }
-
-  .Section__Demo {
-    width: 100%;
-    float: none;
-    margin-bottom: 40px;
-  }
+textarea#options {
+  max-height: 200px;
 }
 
 .TaggedInput {

diff --git a/examples/PowerSelectMultiple/CustomOptionDemo.js b/examples/PowerSelectMultiple/CustomOptionDemo.js
@@ -27,18 +27,15 @@ export default class CustomOptionDemo extends Component {
 
   render() {
     return (
-      <div className="demo">
-        <h3>Custom Selected Options</h3>
-        <PowerSelectMultiple
-          options={countries}
-          selected={this.state.selectedCountries}
-          optionLabelPath="name"
-          optionComponent={<CustomOptionComponnet />}
-          selectedOptionComponent={<CustomSelectedOptionComponent />}
-          onChange={this.handleChange}
-          placeholder="Select your favourite countries"
-        />
-      </div>
+      <PowerSelectMultiple
+        options={countries}
+        selected={this.state.selectedCountries}
+        optionLabelPath="name"
+        optionComponent={<CustomOptionComponnet />}
+        selectedOptionComponent={<CustomSelectedOptionComponent />}
+        onChange={this.handleChange}
+        placeholder="Select your favourite countries"
+      />
     );
   }
 }
diff --git a/examples/Recipes/TaggedInput.js b/examples/Recipes/TaggedInput.js
@@ -77,7 +77,7 @@ export default class TaggedInputDemo extends Component {
       <TaggedInput
         items={this.state.urls}
         onChange={this.handleChange}
-        placeholder="Enter your site urls"
+        placeholder="Enter your site urls; separated by comma"
       />
     );
   }