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

Fix menu examples in docs

intro
jlukic 9 years ago
parent
916bcbf795
commit
3ef7d72baa
3 changed files with 61 additions and 15 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. 32
      server/documents/collections/menu.html.eco
  2. 22
      server/documents/iframe/fixed-menu.html.eco
  3. 22
      server/documents/iframe/fixed-vertical-menu.html.eco

32
server/documents/collections/menu.html.eco
View File

@ -132,7 +132,7 @@ themes : ['Default', 'Chubby', 'GitHub', 'Material']
<div class="example">
<h4 class="ui header">Secondary Menu</h4>
<p>A secondary menu allows for a section of content on a page to be activated</p>
<p>A menu can adjust its appearance to de-emphasize its contents</p>
<div class="ui secondary menu">
<a class="active item">
Home
@ -159,7 +159,7 @@ themes : ['Default', 'Chubby', 'GitHub', 'Material']
<div class="example">
<h4 class="ui header">Pointing</h4>
<p>A menu can point to content to show relationship</p>
<p>A menu can point to show its relationship to nearby content</p>
<div class="ui pointing menu">
<a class="active item">
Home
@ -273,7 +273,7 @@ themes : ['Default', 'Chubby', 'GitHub', 'Material']
<div class="example">
<h4 class="ui header">Text</h4>
<p>A menu can display simple text links</p>
<p>A menu can be formatted for text content</p>
<div class="ui text menu">
<div class="header item">Sort By</div>
<a class="active item">
@ -660,7 +660,7 @@ themes : ['Default', 'Chubby', 'GitHub', 'Material']
<div class="example">
<h4 class="ui header">Hover</h4>
<p>A menu item can be hovered</p>
<div class="ui ignore warning message"><i class="icon heart"></i> Menu items are only hoverable if they are links, defined with the variant "link", or are given the class name hover programmatically.</div>
<div class="ui ignore warning message">Menu items are only hoverable if they are <code>a</code> links, or given the class name <code>link</code></div>
<div class="ui compact menu">
<div class="hover item">
Link
@ -692,13 +692,14 @@ themes : ['Default', 'Chubby', 'GitHub', 'Material']
<h2 class="ui dividing header">Variations</h2>
<div class="example">
<div class="fixed example">
<h4 class="ui header">Fixed</h4>
<p>A menu can be fixed to a side of its context</p>
<div class="ui ignored info message">These examples use a <a href="http://meyerweb.com/eric/thoughts/2011/09/12/un-fixing-fixed-elements-with-css-transforms/">transform context</a> to avoid layout issues with this page. In all other cases, <code>fixed menu</code> will appear against the edge of a web page.</div>
<div class="ui ignored positive message">For more advanced fixed position uses, consider using a <a href="/modules/sticky.html">sticky menu</a> or <a href="/behaviors/visibility.html#fixing-content-to-viewport">visibility APIs</a>.</div>
<div class="ui segment" style="transform:rotateZ(0deg)">
<div class="ui fixed menu">
<div class="ui ignored info message">These examples use a an <code>iframe</code>, to prevent content from sticking to the browser viewport.</div>
<div class="ui ignored positive message">For more advanced behaviors consider using a <a href="/modules/sticky.html">sticky menu</a> or <a href="/behaviors/visibility.html#fixing-content-to-viewport">visibility APIs</a>.</div>
<iframe src="/iframe/fixed-menu.html"></iframe>
<div class="existing code">
<div class="ui top fixed menu">
<div class="item">
<img src="/images/logo.png">
</div>
@ -714,12 +715,13 @@ themes : ['Default', 'Chubby', 'GitHub', 'Material']
<a class="item">Testimonials</a>
<a class="item">Sign-in</a>
</div>
<img class="ui wireframe image" src="/images/wireframe/paragraph.png">
<img class="ui wireframe image" src="/images/wireframe/paragraph.png">
<p></p>
<p></p>
</div>
</div>
<div class="another example">
<div class="ui segment" style="transform:rotateZ(0deg)">
<div class="another fixed example">
<iframe src="/iframe/fixed-vertical-menu.html"></iframe>
<div class="existing code">
<div class="ui left fixed vertical menu">
<div class="item">
<img class="ui mini image" src="/images/logo.png">
@ -736,8 +738,8 @@ themes : ['Default', 'Chubby', 'GitHub', 'Material']
<a class="item">Testimonials</a>
<a class="item">Sign-in</a>
</div>
<img class="ui wireframe image" src="/images/wireframe/paragraph.png">
<img class="ui wireframe image" src="/images/wireframe/paragraph.png">
<p></p>
<p></p>
</div>
</div>

22
server/documents/iframe/fixed-menu.html.eco
View File

@ -0,0 +1,22 @@
---
layout : 'blank'
standalone : true
---
<div class="ui top fixed menu">
<div class="item">
<img src="/images/logo.png">
</div>
<a class="item">Features</a>
<a class="item">Testimonials</a>
<a class="item">Sign-in</a>
</div>
<div class="ui bottom fixed menu">
<div class="item">
<img src="/images/logo.png">
</div>
<a class="item">Features</a>
<a class="item">Testimonials</a>
<a class="item">Sign-in</a>
</div>
<img class="ui wireframe image" src="/images/wireframe/paragraph.png" style="margin: 1em 0em;">
<img class="ui wireframe image" src="/images/wireframe/paragraph.png" style="margin: 1em 0em;">

22
server/documents/iframe/fixed-vertical-menu.html.eco
View File

@ -0,0 +1,22 @@
---
layout : 'blank'
standalone : true
---
<div class="ui left fixed vertical menu">
<div class="item">
<img class="ui mini image" src="/images/logo.png">
</div>
<a class="item">Features</a>
<a class="item">Testimonials</a>
<a class="item">Sign-in</a>
</div>
<div class="ui right fixed vertical menu">
<div class="item">
<img class="ui mini image" src="/images/logo.png">
</div>
<a class="item">Features</a>
<a class="item">Testimonials</a>
<a class="item">Sign-in</a>
</div>
<img class="ui wireframe image" src="/images/wireframe/paragraph.png" style="margin: 1em 0em;">
<img class="ui wireframe image" src="/images/wireframe/paragraph.png" style="margin: 1em 0em;">
Write Preview
Loading…
Cancel
Save