richard
/
SemanSemantic-UItic-UI
mirror of https://github.com/Semantic-Org/Semantic-UI.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

late night changes 

Former-commit-id: 5fd2e7d114
Former-commit-id: 7890420737
pull/258/head
jlukic 11 years ago
parent
491a3a3994
commit
3e7d3c7c71
7 changed files with 52 additions and 43 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 11
      build/uncompressed/collections/menu.css
  2. 2
      build/uncompressed/modules/dropdown.css
  3. 52
      node/src/documents/collections/menu.html
  4. 11
      node/src/files/components/semantic/collections/menu.css
  5. 2
      node/src/files/components/semantic/modules/dropdown.css
  6. 11
      src/collections/menu.less
  7. 6
      src/modules/dropdown.less

11
build/uncompressed/collections/menu.css
View File

@ -185,9 +185,12 @@
width: 100%;
}
.ui.menu input {
margin: 0.25em 0em;
padding-top: 0.55em;
padding-bottom: 0.55em;
margin: -0.5em 0em;
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.ui.vertical.menu input {
margin: 0em;
}
/*--------------
Header
@ -390,7 +393,7 @@
margin: 0em;
}
.ui.vertical.menu .dropdown.item .menu .item {
font-size: 1em;
font-size: 0.875rem;
padding: 0.75em 1em;
}
.ui.vertical.menu .dropdown.item .menu .item .icon {

2
build/uncompressed/modules/dropdown.css
View File

@ -73,7 +73,7 @@
display: block;
color: rgba(0, 0, 0, 0.75);
padding: 0.85em 1em !important;
font-size: 0.9rem;
font-size: 0.875rem;
text-transform: none;
font-weight: normal;
text-align: left;

52
node/src/documents/collections/menu.html
View File

@ -40,28 +40,21 @@ type : 'UI Collection'
<i class="community icon"></i> Browse
</a>
<div class="right menu">
<div class="fitted borderless item">
<div class="borderless item">
<div class="ui input"><input type="text" placeholder="Search..."></div>
</div>
<div class="ui simple dropdown item">
More <i class="dropdown icon"></i>
Language <i class="dropdown icon"></i>
<div class="menu">
<a class="item"><i class="edit icon"></i> Edit Profile</a>
<div class="ui simple dropdown item">
<i class="globe icon"></i> Choose Language
<div class="menu">
<div class="item">English</div>
<div class="item">Russian</div>
<div class="item">Spanish</div>
</div>
</div>
<a class="item"><i class="settings icon"></i> Account Settings</a>
<a class="item">English</a>
<a class="item">Russian</a>
<a class="item">Spanish</a>
</div>
</div>
</div>
</div>
</div>
<div class="example">
<h4 class="ui header">Vertical Menu</h4>
@ -86,13 +79,20 @@ type : 'UI Collection'
More <i class="icon right triangle"></i>
<div class="menu">
<a class="item"><i class="edit icon"></i> Edit Profile</a>
<a class="item"><i class="globe icon"></i> Choose Language</a>
<div class="ui simple dropdown item">
<i class="right triangle icon"></i> Choose Language
<div class="menu">
<div class="item">English</div>
<div class="item">Russian</div>
<div class="item">Spanish</div>
</div>
</div>
<a class="item"><i class="settings icon"></i> Account Settings</a>
</div>
</div>
</div>
</div>
<div class="example">
<h4 class="ui header">Pagination</h4>
<p>A pagination menu is specially formatted to present links to pages of content</p>
@ -120,7 +120,7 @@ type : 'UI Collection'
</a>
</div>
</div>
<div class="example">
<h4 class="ui header">Tabular</h4>
<p>A message can be formatted to show tabs of information</p>
@ -133,7 +133,7 @@ type : 'UI Collection'
</a>
</div>
</div>
<div class="example">
<h4 class="ui header">Tiered Menu</h4>
<p>A tiered menu can show the sub-sections available as part of an activated section.</p>
@ -150,7 +150,7 @@ type : 'UI Collection'
<i class="mail icon"></i> Messages
</a>
<div class="right menu">
<div class="fitted borderless item">
<div class="item">
<div class="ui input"><input type="text" placeholder="Search..."></div>
</div>
<div class="ui simple dropdown item">
@ -202,8 +202,8 @@ type : 'UI Collection'
</div>
</div>
</div>
<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>
@ -297,7 +297,7 @@ type : 'UI Collection'
</a>
</div>
</div>
<div class="example">
<h4 class="ui header">Text</h4>
<p>A menu can display simple text links</p>
@ -394,12 +394,12 @@ type : 'UI Collection'
</div>
</div>
</div>
<div class="example">
<h4 class="ui header">Link Item</h4>
<p>A menu may contain a link item, or an item formatted as if it is a link.</p>
<div class="ui ignore info message">
<p><i class="icon heart"></i> Items that are anchor tags will automatically be formatted as a link.</p>
</div>
@ -671,7 +671,7 @@ type : 'UI Collection'
</a>
</div>
</div>
<div class="example">
<h4 class="ui header">Icons</h4>
@ -745,7 +745,7 @@ type : 'UI Collection'
<a class="item">Bike</a>
</div>
</div>
<div class="example">
<h4 class="ui header">Evenly sized items</h4>
<p>A menu may divide its items evenly</p>

11
node/src/files/components/semantic/collections/menu.css
View File

@ -185,9 +185,12 @@
width: 100%;
}
.ui.menu input {
margin: 0.25em 0em;
padding-top: 0.55em;
padding-bottom: 0.55em;
margin: -0.5em 0em;
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.ui.vertical.menu input {
margin: 0em;
}
/*--------------
Header
@ -390,7 +393,7 @@
margin: 0em;
}
.ui.vertical.menu .dropdown.item .menu .item {
font-size: 1em;
font-size: 0.875rem;
padding: 0.75em 1em;
}
.ui.vertical.menu .dropdown.item .menu .item .icon {

2
node/src/files/components/semantic/modules/dropdown.css
View File

@ -73,7 +73,7 @@
display: block;
color: rgba(0, 0, 0, 0.75);
padding: 0.85em 1em !important;
font-size: 0.9rem;
font-size: 0.875rem;
text-transform: none;
font-weight: normal;
text-align: left;

11
src/collections/menu.less
View File

@ -260,9 +260,12 @@
width: 100%;
}
.ui.menu input {
margin: 0.25em 0em;
padding-top: 0.55em;
padding-bottom: 0.55em;
margin: -0.5em 0em;
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.ui.vertical.menu input {
margin: 0em;
}
/*--------------
@ -527,7 +530,7 @@
margin: 0em;
}
.ui.vertical.menu .dropdown.item .menu .item {
font-size: 1em;
font-size: 0.875rem;
padding: 0.75em 1em;
}
.ui.vertical.menu .dropdown.item .menu .item .icon {

6
src/modules/dropdown.less
View File

@ -113,7 +113,7 @@
color: rgba(0, 0, 0, 0.75);
padding: 0.85em 1em !important;
font-size: 0.9rem;
font-size: 0.875rem;
text-transform: none;
font-weight: normal;
text-align: left;
@ -265,10 +265,10 @@
.ui.selection.dropdown .menu {
max-height: 312px;
overflow-x: hidden;
overflow-y: auto;
-webkit-box-shadow: 0px 1px 0px 1px #EEEEEE;
-moz-box-shadow: 0px 1px 0px 1px #EEEEEE;
box-shadow: 0px 1px 0px 1px #EEEEEE;

Write Preview
Loading…
Cancel
Save