Change Dropdown menus max-height to 50% viewport height

trilbymedia · Jun 13, 2017 · aba0d05 · aba0d05
1 parent 123cfa1
commit aba0d05
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 15 deletions.
diff --git a/docs/dist/spectre.css b/docs/dist/spectre.css
@@ -2117,6 +2117,8 @@ code {
   animation: slide-down .15s ease 1;
   display: none;
   left: 0;
+  max-height: 50vh;
+  overflow-y: auto;
   position: absolute;
   top: 100%;
 }

diff --git a/docs/dist/spectre.min.css b/docs/dist/spectre.min.css
diff --git a/docs/elements.html b/docs/elements.html
@@ -355,24 +355,13 @@ <h5>Korean</h5>
           </section>
           <div class="columns">
             <div class="column col-xs-12">
-              <button class="btn">default normal</button>
+              <button class="btn">default button</button>
             </div>
             <div class="column col-xs-12">
-              <button class="btn btn-primary">primary normal</button>
+              <button class="btn btn-primary">primary button</button>
             </div>
             <div class="column col-xs-12">
-              <button class="btn btn-link">link normal</button>
-            </div>
-          </div>
-          <div class="columns">
-            <div class="column col-xs-12">
-              <button class="btn active">default active</button>
-            </div>
-            <div class="column col-xs-12">
-              <button class="btn btn-primary active">primary active</button>
-            </div>
-            <div class="column col-xs-12">
-              <button class="btn btn-link active">link active</button>
+              <button class="btn btn-link">link button</button>
             </div>
           </div>
 

diff --git a/src/dropdowns.less b/src/dropdowns.less
@@ -7,6 +7,8 @@
     animation: slide-down .15s ease 1;
     display: none;
     left: 0;
+    max-height: 50vh;
+    overflow-y: auto;
     position: absolute;
     top: 100%;
   }