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

fixes #58, adds close menu item to sidebar when on mobile

pull/94/head
jlukic 11 years ago
parent
1a7644fd22
commit
a7850b6023
8 changed files with 14 additions and 26 deletions
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 6
      build/less/collections/grid.less
  2. 3
      build/uncompressed/collections/grid.css
  3. 6
      node/src/files/build/less/collections/grid.less
  4. 3
      node/src/files/build/uncompressed/collections/grid.css
  5. 3
      node/src/files/javascript/semantic.js
  6. 10
      node/src/files/stylesheets/semantic.css
  7. 3
      node/src/layouts/default.html.eco
  8. 6
      src/collections/grid.less

6
build/less/collections/grid.less
View File

@ -617,12 +617,6 @@
} }
/*-------------------
Padded
--------------------*/
/*------------------- /*-------------------
Stackable Stackable
--------------------*/ --------------------*/

3
build/uncompressed/collections/grid.css
View File

@ -528,9 +528,6 @@
display: none; display: none;
} }
} }
/*-------------------
Padded
--------------------*/
/*------------------- /*-------------------
Stackable Stackable
--------------------*/ --------------------*/

6
node/src/files/build/less/collections/grid.less
View File

@ -617,12 +617,6 @@
} }
/*-------------------
Padded
--------------------*/
/*------------------- /*-------------------
Stackable Stackable
--------------------*/ --------------------*/

3
node/src/files/build/uncompressed/collections/grid.css
View File

@ -528,9 +528,6 @@
display: none; display: none;
} }
} }
/*-------------------
Padded
--------------------*/
/*------------------- /*-------------------
Stackable Stackable
--------------------*/ --------------------*/

3
node/src/files/javascript/semantic.js
View File

@ -29,6 +29,7 @@ semantic.ready = function() {
$ui = $('.ui').not('.hover, .down'), $ui = $('.ui').not('.hover, .down'),
$swap = $('.theme.menu .item'), $swap = $('.theme.menu .item'),
$menu = $('#menu'), $menu = $('#menu'),
$hideMenu = $('#menu .hide.item'),
$sortTable = $('.sortable.table'), $sortTable = $('.sortable.table'),
$demo = $('.demo'), $demo = $('.demo'),
$waypoints = $('.main.container').find('h2').first().siblings('h2').andSelf(), $waypoints = $('.main.container').find('h2').first().siblings('h2').andSelf(),
@ -618,9 +619,9 @@ semantic.ready = function() {
.on('mouseenter', handler.menu.mouseenter) .on('mouseenter', handler.menu.mouseenter)
.on('mouseleave', handler.menu.mouseleave) .on('mouseleave', handler.menu.mouseleave)
; ;
$menu $menu
.sidebar('attach events', '.launch.button, .launch.item') .sidebar('attach events', '.launch.button, .launch.item')
.sidebar('attach events', $hideMenu, 'hide')
; ;
$waypoints $waypoints
.waypoint({ .waypoint({

10
node/src/files/stylesheets/semantic.css
View File

@ -130,11 +130,16 @@ a {
a:hover { a:hover {
color: #00BAFF; color: #00BAFF;
} }
#example #menu .item { #example #menu .item {
-webkit-border-radius: 0px; -webkit-border-radius: 0px;
-moz-border-radius: 0px; -moz-border-radius: 0px;
border-radius: 0px; border-radius: 0px;
} }
#example #menu .hide.item {
display: none;
}
#example #menu .item .item { #example #menu .item .item {
font-size: 0.875rem; font-size: 0.875rem;
} }
@ -179,7 +184,6 @@ a:hover {
/* font-size: 0.875em; /* font-size: 0.875em;
vertical-align: middle;*/ vertical-align: middle;*/
} }
/* lists */ /* lists */
#example .features { #example .features {
list-style-position: inside; list-style-position: inside;
@ -198,6 +202,7 @@ a:hover {
} }
/*-------------- /*--------------
Playground Playground
---------------*/ ---------------*/
@ -1291,6 +1296,9 @@ body.progress .ui.progress .bar {
margin: 1em 0em; margin: 1em 0em;
padding: 0em; padding: 0em;
} }
#example #menu .hide.item {
display: block;
}
#example .inverted.advertisement .carbonad { #example .inverted.advertisement .carbonad {
height: 109px; height: 109px;
} }

3
node/src/layouts/default.html.eco
View File

@ -104,6 +104,9 @@
</head> </head>
<body id="example" class="<%= @document.css %>"> <body id="example" class="<%= @document.css %>">
<div class="ui large vertical inverted labeled icon sidebar menu" id="menu"> <div class="ui large vertical inverted labeled icon sidebar menu" id="menu">
<a class="hide item">
<i class="close icon"></i> Close Menu
</a>
<a class="item" href="/build/semantic.zip"> <a class="item" href="/build/semantic.zip">
<i class="inverted circular red awesome download cloud icon"></i> <b>Download</b> <i class="inverted circular red awesome download cloud icon"></i> <b>Download</b>
</a> </a>

6
src/collections/grid.less
View File

@ -617,12 +617,6 @@
} }
/*-------------------
Padded
--------------------*/
/*------------------- /*-------------------
Stackable Stackable
--------------------*/ --------------------*/

Write Preview
Loading…
Cancel
Save