lukechilds
/
Semantic-UI-Docs
mirror of https://github.com/lukechilds/Semantic-UI-Docs.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Thinking about top bar

redesign
jlukic 10 years ago
parent
8c7bc53cab
commit
3633ccd8cf
7 changed files with 92 additions and 99 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 1
      server/documents/behaviors/api.html.eco
  2. 11
      server/documents/behaviors/form.html.eco
  3. 20
      server/files/stylesheets/docs.css
  4. 70
      server/partials/fixed-menu.html.eco
  5. 10
      server/partials/header.html.eco
  6. 7
      server/partials/inner-menu.html.eco
  7. 72
      server/partials/old-menu.html.eco

1
server/documents/behaviors/api.html.eco
View File

@ -29,7 +29,6 @@ type : 'UI Behavior'
<p>Use API actions like 'follow user' and not server urls in your code. Centrally manage your entire API making sure you aren't caught modifying urls across your codebase. Define your endpoints using an intuitive templating system that automatically passes data found in your UI.</p>
</div>
</div>
</div>
<div class="column">
<div class="content">
<div class="ui header"><i class="green check icon"></i>State Management</div>

11
server/documents/behaviors/form.html.eco
View File

@ -155,7 +155,7 @@ type : 'UI Behavior'
<thead>
<th class="four wide">Name</th>
<th>Validates</th>
<th>Example</th>
<th class="six wide">Example</th>
</thead>
<tbody>
<tr>
@ -228,6 +228,15 @@ type : 'UI Behavior'
<td>A multiple select field contains at maximum (count) selections</td>
<td><code>maxCount[count]</code></td>
</tr>
<tr>
<td>regExp[expression]</td>
<td>Matches against a regular expression</td>
<td>
<code>regExp[/^[a-z0-9_-]{3,16}$/gi]]</code>
<div class="ui horizontal divider">Or</div>
<code>regExp[^[a-z0-9_-]{3,16}$]]</code>
</td>
</tr>
<tr>
<td>not</td>
<td>A field does not match a value (case insensitive)</td>

20
server/files/stylesheets/docs.css
View File

@ -65,18 +65,6 @@ p:first-child {
p:last-child {
margin-bottom: 0em;
}
/* links */
code a,
a code,
a {
color: #009FDA;
text-decoration: none;
}
code a:hover,
a:hover code,
a:hover {
color: #00BAFF;
}
.less-error-message {
/*display: none !important;*/
@ -1678,13 +1666,17 @@ body.progress.animated .ui.progress .bar {
max-width: 1140px;
}
#example .main.container > .right.rail,
#example .main.container > .tab > .examples > .right.rail,
#example .main.container > .tab > .right.rail {
padding-top: 2em;
}
#example .main.container > .right.rail .sticky,
#example .main.container > .tab > .examples > .right.rail .sticky,
#example .main.container > .tab > .right.rail .sticky {
margin: 2em 0em;
padding-bottom: 2em;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
padding-bottom: 2em;
}
#example .right.rail .accordion.menu .active.item {
background-color: transparent;

70
server/partials/fixed-menu.html.eco
View File

@ -3,70 +3,6 @@
<% pageNumber = @getPage(currentCollection, @document.id) %>
<% pageCollection = @getPageCollection(currentCollection, @document.id) %>
<div class="ui fixed inverted main menu">
<div class="ui container">
<a class="launch item">
<i class="content icon"></i>
Menu
</a>
<% if @document.title: %>
<div class="item">
<%= @document.title %>
</div>
<% if pageNumber > 1 and currentCollection[pageNumber - 2]?: %>
<a class="icon item" href="<%= currentCollection[pageNumber - 2].url %>"><i class="left chevron icon"></i></a>
<% else: %>
<div class="disabled icon item"><i class="left chevron icon"></i></div>
<% end %>
<div class="section ui page dropdown link item">
<span class="count"><%= "#{pageNumber} of #{pageCount}" %></span>
<div class="menu">
<% for element, index in currentCollection: %>
<a class="<%= if element.id is @document.id then 'active ' %>item" href="<%= element.url %>">
<%= element.title %>
</a>
<% end %>
</div>
</div>
<% if pageNumber isnt pageCount and currentCollection[pageNumber]?: %>
<a class="icon item" href="<%= currentCollection[pageNumber].url %>"><i class="right chevron icon"></i></a>
<% else: %>
<div class="disabled icon item"><i class="right chevron icon"></i></div>
<% end %>
<% end %>
<div class="right menu">
<% if 'developments' in @getEnvironments(): %>
<% else: %>
<div class="vertically fitted borderless item">
<iframe class="github" src="http://ghbtns.com/github-btn.html?user=semantic-org&amp;repo=semantic-ui&amp;type=watch&amp;count=true" allowtransparency="true" frameborder="0" scrolling="0" width="100" height="20"></iframe>
</div>
<% end %>
<a class="popup icon music item" data-content="Play Music">
<i class="alternate music icon"></i>
</a>
<a class="popup icon github item" data-content="View project on GitHub" href="https://github.com/Semantic-Org/Semantic-UI">
<i class="alternate github icon"></i>
</a>
<div class="ui language dropdown icon item" id="languages" data-content="Select Language">
<i class="world icon"></i>
<div class="menu">
<div class="header">Search Languages</div>
<div class="ui icon search input">
<i class="search icon"></i>
<input type="text" placeholder="Search languages...">
</div>
<%- @partial('languages') %>
</div>
</div>
<div class="item">
<div class="ui hidden right aligned search input" id="search">
<div class="ui transparent icon input">
<input class="prompt" type="text" placeholder="Search...">
<i class="inverted search link icon" data-content="Search UI"></i>
</div>
<div class="results"></div>
</div>
</div>
</div>
</div>
</div>
<!-- <div class="fixed bar">
<img class="ui small logo image" src="/images/logo.png">
</div> -->

10
server/partials/header.html.eco
View File

@ -19,16 +19,6 @@
<i class="help icon" data-title="What are Modules?" data-content="Modules are UI elements that include behaviors as part of their definition. Modules require some knowledge of Javascript to use."></i>
</a> -->
<% end %>
<% if @document.type is 'UI Element' or @document.type is 'UI View' or @document.type is 'UI Collection' or @document.type is 'UI Module': %>
<div class="ui right floated floating overview dropdown basic button">
<span class="text">Definition Type</span>
<div class="menu">
<div data-value="design" class="active item">Design</div>
<div data-value="code" class="item">Code</div>
<div data-value="overview" class="item">Summary</div>
</div>
</div>
<% end %>
<% if @document.themes? && @document.themes.length > 1: %>
<div class="ui floating dropdown theme basic button" data-element="<%= @document.element %>" data-type="<%= @document.elementType %>">
<span class="text"><%= @document.themes.length %> Themes</span>

7
server/partials/inner-menu.html.eco
View File

@ -6,18 +6,13 @@
<% uiBehavior = @getCollection("documents").findAll({type: $in: ['UI Behavior']},[{title: 1}]).toJSON() %>
<div class="ui vertical inverted sticky menu">
<div class="item">
<a class="ui mini image" href="/">
<img src="/images/logo.png">
</a>
</div>
<a class="item" href="<%= @getZip() %>">
<i class="download icon"></i>
<b>Download</b>
</a>
<a class="item" href="/kitchen-sink.html">
<i class="cubes icon"></i>
<b>All UI</b>
<b>UI Examples</b>
</a>
<div class="item">
<div class="<%= if @document.elementType is 'global' then 'active ' %> header">Globals</div>

72
server/partials/old-menu.html.eco
View File

@ -0,0 +1,72 @@
<% currentCollection = @getCollection("documents").findAll({type: $in: [@document.type]},[{title: 1}]).toJSON() %>
<% pageCount = @pageCount(currentCollection) %>
<% pageNumber = @getPage(currentCollection, @document.id) %>
<% pageCollection = @getPageCollection(currentCollection, @document.id) %>
<div class="ui fixed inverted main menu">
<div class="ui container">
<a class="launch item">
<i class="content icon"></i>
Menu
</a>
<% if @document.title: %>
<div class="item">
<%= @document.title %>
</div>
<% if pageNumber > 1 and currentCollection[pageNumber - 2]?: %>
<a class="icon item" href="<%= currentCollection[pageNumber - 2].url %>"><i class="left chevron icon"></i></a>
<% else: %>
<div class="disabled icon item"><i class="left chevron icon"></i></div>
<% end %>
<div class="section ui page dropdown link item">
<span class="count"><%= "#{pageNumber} of #{pageCount}" %></span>
<div class="menu">
<% for element, index in currentCollection: %>
<a class="<%= if element.id is @document.id then 'active ' %>item" href="<%= element.url %>">
<%= element.title %>
</a>
<% end %>
</div>
</div>
<% if pageNumber isnt pageCount and currentCollection[pageNumber]?: %>
<a class="icon item" href="<%= currentCollection[pageNumber].url %>"><i class="right chevron icon"></i></a>
<% else: %>
<div class="disabled icon item"><i class="right chevron icon"></i></div>
<% end %>
<% end %>
<div class="right menu">
<% if 'developments' in @getEnvironments(): %>
<% else: %>
<div class="vertically fitted borderless item">
<iframe class="github" src="http://ghbtns.com/github-btn.html?user=semantic-org&amp;repo=semantic-ui&amp;type=watch&amp;count=true" allowtransparency="true" frameborder="0" scrolling="0" width="100" height="20"></iframe>
</div>
<% end %>
<a class="popup icon music item" data-content="Play Music">
<i class="alternate music icon"></i>
</a>
<a class="popup icon github item" data-content="View project on GitHub" href="https://github.com/Semantic-Org/Semantic-UI">
<i class="alternate github icon"></i>
</a>
<div class="ui language dropdown icon item" id="languages" data-content="Select Language">
<i class="world icon"></i>
<div class="menu">
<div class="header">Search Languages</div>
<div class="ui icon search input">
<i class="search icon"></i>
<input type="text" placeholder="Search languages...">
</div>
<%- @partial('languages') %>
</div>
</div>
<div class="item">
<div class="ui hidden right aligned search input" id="search">
<div class="ui transparent icon input">
<input class="prompt" type="text" placeholder="Search...">
<i class="inverted search link icon" data-content="Search UI"></i>
</div>
<div class="results"></div>
</div>
</div>
</div>
</div>
</div>
Write Preview
Loading…
Cancel
Save