Initial commit of themed dropdowns

fomantic · Jul 31, 2014 · 99eecc2 · 99eecc2
1 parent 5848239
commit 99eecc2
Show file tree

Hide file tree

Showing 7 changed files with 414 additions and 229 deletions.
diff --git a/server/documents/modules/dropdown.html.eco b/server/documents/modules/dropdown.html.eco
@@ -5,10 +5,18 @@ css         : 'dropdown'
 title       : 'Dropdown'
 description : 'A dropdown is a hidden list of selections that a user can choose to have appear'
 type        : 'UI Module'
+
+element     : 'dropdown'
+elementType : 'module'
+
+themes      : ['Default']
 ---
 
+<link rel="stylesheet/less" type="text/css" href="/build/less/definitions/modules/dropdown.less" />
+
 <script src="/javascript/dropdown.js"></script>
 
+
 <%- @partial('header', { tabs: 'module' }) %>
 
 <div class="main container">
@@ -58,14 +66,15 @@ type        : 'UI Module'
 
     <div class="dropdown example">
       <h4 class="ui header">Selection</h4>
-      <p>A dropdown can be formatted to allow selection of a menu choice.</p>
+      <p>A dropdown can point to other content to show its relationship</p>
       <div class="ui selection dropdown">
         <input type="hidden" name="gender">
         <div class="default text">Gender</div>
         <i class="dropdown icon"></i>
         <div class="menu">
           <div class="item" data-value="1">Male</div>
           <div class="item" data-value="0">Female</div>
+          <div class="item" data-value="2">Unknown</div>
         </div>
       </div>
     </div>

diff --git a/server/files/stylesheets/semantic.css b/server/files/stylesheets/semantic.css
@@ -49,6 +49,7 @@ body#example {
   padding: 0px;
   color: #555555;
   min-width: 320px;
+  font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif !important;
 }
 body > .content  {
   background: #FCFCFC url(../images/bg.jpg) repeat;
@@ -59,7 +60,7 @@ h2,
 h3,
 h4,
 h5 {
-  font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif/*rtl:prepend:"Droid Arabic Kufi","Droid Sans", */;
+  font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif/*rtl:prepend:"Droid Arabic Kufi","Droid Sans", */ !important;
 }
 
 p:first-child {
@@ -416,9 +417,6 @@ body.guide .main.container > * {
   vertical-align: top;
   width: 100%;
 }
-#example .introduction h1 {
-  margin-bottom: 0em;
-}
 
 #example .introduction .theme.buttons {
   margin: -0.1em 0em 0em 0.5em;

diff --git a/server/partials/header.html.eco b/server/partials/header.html.eco
@@ -4,7 +4,7 @@
   <div class="container">
     <div class="introduction">
 
-      <h1 class="ui header">
+      <h1 class="ui dividing header">
         <%=@document.title %>
         <% if @document.status?: %><span class="ui label"><%= @document.status %></span><% end %>
       </h1>