Changeset 1494737
- Timestamp:
- 09/12/2016 06:53:02 PM (10 years ago)
- Location:
- sf-bootstrap-menu
- Files:
-
- 2 added
- 5 edited
-
assets/screenshot-3.jpg (added)
-
trunk/css/style.css (modified) (1 diff)
-
trunk/css/style.min.css (added)
-
trunk/readme.txt (modified) (3 diffs)
-
trunk/sf-menu-widget.php (modified) (8 diffs)
-
trunk/sf-menu.php (modified) (2 diffs)
-
trunk/sf-navwalker.php (modified) (4 diffs)
Legend:
- Unmodified
- Added
- Removed
-
sf-bootstrap-menu/trunk/css/style.css
r1278534 r1494737 1 .nav-side-menu ol ol,.nav-side-menu ul ul{padding:0!important}#dynamic_menu_row .toggle-btn,.nav-side-menu .toggle-btn{display:none}.nav-side-menu li,.nav-side-menu ul{list-style:none;line-height:35px;cursor:pointer}.nav-side-menu li :not(collapsed) .arrow:before,.nav-side-menu ul :not(collapsed) .arrow:before{display:inline-block;padding-left:10px;padding-right:10px;vertical-align:middle;float:right}.nav-side-menu li .active,.nav-side-menu ul .active{border-left:3px solid #d19b3d;background-color:#505050}.nav-side-menu li.active a{color:#fff}.nav-side-menu ul .in{background-color:#f6f6f6}.nav-side-menu li .sub-menu li.active,.nav-side-menu ul .sub-menu li.active{color:#d19b3d}.nav-side-menu li .sub-menu li a{color:#505050}.nav-side-menu li .sub-menu li.active a,.nav-side-menu ul .sub-menu li.active a{color:#d19b3d}.nav-side-menu li .sub-menu li:hover,.nav-side-menu ul .sub-menu li:hover{background-color:#505050;color:#fff}.nav-side-menu li .sub-menu li a:hover,.nav-side-menu li li a:focus,.nav-side-menu ul .sub-menu li a:hover{color:#fff}.nav-side-menu li .sub-menu li:before,.nav-side-menu ul .sub-menu li:before{display:inline-block;padding-left:10px;padding-right:10px;vertical-align:middle}.nav-side-menu li{border-bottom:1px solid #e7e7e7}.nav-side-menu li a,.nav-side-menu li li a{padding-left:10px;text-decoration:none;color:#454545;display:inline-block;width:100%;line-height:35px}.nav-side-menu li a:focus,.nav-side-menu li a:hover,.nav-side-menu li li a:focus,.nav-side-menu li li a:hover,.nav-side-menu li:hover{color:#fff;background-color:#505050}.nav-side-menu li:hover{border-left:3px solid #505050;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease}.sf-menu-caret{float:right;margin-right:10px;margin-top:12px}@media (max-width:767px){.nav-side-menu{position:relative;width:100%;margin-bottom:10px}.nav-side-menu .toggle-btn{display:block;cursor:pointer;position:absolute;right:10px;top:10px;z-index:10!important;padding:3px;background-color:#fff;color:#000;width:40px;text-align:center}.brand{text-align:left!important;font-size:22px;padding-left:20px;line-height:50px!important}}.dropdown-submenu,.nav-side-menu .open{position:relative}@media (min-width:767px){.nav-side-menu .menu-list .menu-content{display:block}}#dynamic_menu_row{border:none;border-radius:0;min-height:20px;z-index:1000;margin:0;background:0 0}#dynamic_menu_row .navbar-nav>li li a{padding-top:14px;padding-bottom:14px}#dynamic_menu_row .navbar-nav>.active>a,#dynamic_menu_row .navbar-nav>.active>a:hover,#dynamic_menu_row .navbar-nav>.open>a,#dynamic_menu_row .navbar-nav>.open>a:focus,#dynamic_menu_row .navbar-nav>.open>a:hover,#dynamic_menu_row .navbar-nav>li>a:hover,#dynamic_menu_row.navbar-nav>.active>a:focus{background-color:#505050}#dynamic_menu_row li a,#dynamic_menu_row li ul li a{color:#505050;font-size:14px;line-height:16px}#dynamic_menu_row .active a:focus,#dynamic_menu_row .navbar-nav>.open>a,#dynamic_menu_row .navbar-nav>.open>a:focus,#dynamic_menu_row a:hover,#dynamic_menu_row li.active>a{color:#fff}.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;-webkit-border-radius:0 6px 6px;-moz-border-radius:0 6px 6px;border-radius:0 6px 6px}.nav-side-menu .open>.dropdown-menu{top:35px;-webkit-border-radius:0 6px 6px;-moz-border-radius:0 6px 6px;border-radius:0 6px 6px}.dropdown-submenu:hover>.dropdown-menu{display:block}.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent transparent transparent #ccc;border-style:solid;border-width:5px 0 5px 5px;margin-top:5px;margin-right:-10px}.dropdown-submenu:hover>a:after{border-left-color:#fff}.dropdown-submenu.pull-left{float:none}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px} 1 .nav-side-menu ol ol, 2 .nav-side-menu ul ul { 3 padding: 0!important 4 } 5 6 #dynamic_menu_row .toggle-btn, 7 .nav-side-menu .toggle-btn { 8 display: none 9 } 10 11 .nav-side-menu li, 12 .nav-side-menu ul { 13 list-style: none; 14 line-height: 35px; 15 cursor: pointer 16 } 17 18 .nav-side-menu li:not(collapsed) .arrow:before, 19 .nav-side-menu ul:not(collapsed) .arrow:before { 20 display: inline-block; 21 padding-left: 10px; 22 padding-right: 10px; 23 vertical-align: middle; 24 float: right 25 } 26 27 .nav-side-menu ul .in { 28 background-color: #f6f6f6 29 } 30 31 32 33 .nav-side-menu ul ul.always-open { 34 padding-left:15px !important; 35 } 36 37 .nav-side-menu li .sub-menu li a { 38 color: #505050 39 } 40 41 .nav-side-menu li .sub-menu li:hover, 42 .nav-side-menu ul .sub-menu li:hover { 43 background-color: #505050; 44 color: #fff 45 } 46 47 .nav-side-menu li .sub-menu li a:hover, 48 .nav-side-menu li li a:focus, 49 .nav-side-menu ul .sub-menu li a:hover { 50 color: #fff 51 } 52 53 .nav-side-menu li .sub-menu li:before, 54 .nav-side-menu ul .sub-menu li:before { 55 display: inline-block; 56 padding-left: 10px; 57 padding-right: 10px; 58 vertical-align: middle 59 } 60 61 .nav-side-menu li { 62 border-bottom: 1px solid #e7e7e7 63 } 64 65 .nav-side-menu li a, 66 .nav-side-menu li li a { 67 padding-left: 10px; 68 text-decoration: none; 69 color: #454545; 70 display: inline-block; 71 width: 100%; 72 line-height: 35px 73 } 74 75 .nav-side-menu li a:focus, 76 .nav-side-menu li a:hover, 77 .nav-side-menu li li a:focus, 78 .nav-side-menu li li a:hover, 79 .nav-side-menu li:hover { 80 color: #fff; 81 background-color: #505050 82 } 83 84 .nav-side-menu li:hover { 85 -webkit-transition: all 1s ease; 86 -moz-transition: all 1s ease; 87 -o-transition: all 1s ease; 88 -ms-transition: all 1s ease; 89 transition: all 1s ease 90 } 91 92 .sf-menu-caret { 93 float: right; 94 margin-right: 10px; 95 margin-top: 12px 96 } 97 98 @media (max-width:767px) { 99 .nav-side-menu { 100 position: relative; 101 width: 100%; 102 margin-bottom: 10px 103 } 104 .nav-side-menu .toggle-btn { 105 display: block; 106 cursor: pointer; 107 position: absolute; 108 right: 10px; 109 top: 10px; 110 z-index: 10!important; 111 padding: 3px; 112 background-color: #fff; 113 color: #000; 114 width: 40px; 115 text-align: center 116 } 117 .brand { 118 text-align: left!important; 119 font-size: 22px; 120 padding-left: 20px; 121 line-height: 50px!important 122 } 123 } 124 125 .dropdown-submenu, 126 .nav-side-menu .open { 127 position: relative 128 } 129 130 @media (min-width:767px) { 131 .nav-side-menu .menu-list .menu-content { 132 display: block 133 } 134 } 135 136 #dynamic_menu_row { 137 border: none; 138 border-radius: 0; 139 min-height: 20px; 140 z-index: 1000; 141 margin: 0; 142 background: 0 0 143 } 144 145 #dynamic_menu_row .navbar-nav>li li a { 146 padding-top: 14px; 147 padding-bottom: 14px 148 } 149 150 #dynamic_menu_row .navbar-nav>.active>a, 151 #dynamic_menu_row .navbar-nav>.active>a:hover, 152 #dynamic_menu_row .navbar-nav>.open>a, 153 #dynamic_menu_row .navbar-nav>.open>a:focus, 154 #dynamic_menu_row .navbar-nav>.open>a:hover, 155 #dynamic_menu_row .navbar-nav>li>a:hover, 156 #dynamic_menu_row.navbar-nav>.active>a:focus { 157 background-color: #505050 158 } 159 160 #dynamic_menu_row li a, 161 #dynamic_menu_row li ul li a { 162 color: #505050; 163 font-size: 14px; 164 line-height: 16px 165 } 166 167 #dynamic_menu_row .active a:focus, 168 #dynamic_menu_row .navbar-nav>.open>a, 169 #dynamic_menu_row .navbar-nav>.open>a:focus, 170 #dynamic_menu_row a:hover, 171 #dynamic_menu_row li.active>a { 172 color: #fff 173 } 174 175 .dropdown-submenu>.dropdown-menu { 176 top: 0; 177 left: 100%; 178 margin-top: -6px; 179 -webkit-border-radius: 0 6px 6px; 180 -moz-border-radius: 0 6px 6px; 181 border-radius: 0 6px 6px 182 } 183 184 .nav-side-menu .open>.dropdown-menu { 185 top: 35px; 186 -webkit-border-radius: 0 6px 6px; 187 -moz-border-radius: 0 6px 6px; 188 border-radius: 0 6px 6px 189 } 190 191 .dropdown-submenu:hover>.dropdown-menu { 192 display: block 193 } 194 195 .dropdown-submenu>a:after { 196 display: block; 197 content: " "; 198 float: right; 199 width: 0; 200 height: 0; 201 border-color: transparent transparent transparent #ccc; 202 border-style: solid; 203 border-width: 5px 0 5px 5px; 204 margin-top: 5px; 205 margin-right: -10px 206 } 207 .dropdown-submenu.pull-left { 208 float: none 209 } 210 211 .dropdown-submenu.pull-left>.dropdown-menu { 212 left: -100%; 213 margin-left: 10px; 214 -webkit-border-radius: 6px 0 6px 6px; 215 -moz-border-radius: 6px 0 6px 6px; 216 border-radius: 6px 0 6px 6px 217 } -
sf-bootstrap-menu/trunk/readme.txt
r1335050 r1494737 3 3 Tags: child, pages, hierarchical, menu, sidebar, horizontal, top, bootstrap, responsive, list 4 4 Requires at least: 3.8 5 Tested up to: 4. 4.15 Tested up to: 4.6.1 6 6 Stable tag: trunk 7 7 … … 12 12 SF Bootstrap Menu is an easy customizable widget to show hierarchical pages. The menu uses the latest Bootstrap 3.0 framework and provides responsive design for desktops, phones and tablets. 13 13 14 [Plugin website](http s://studiofreya.com/wordpress/wordpress-plugins/sf-bootstrap-menu/)14 [Plugin website](http://studiofreya.com/wordpress/wordpress-plugins/sf-bootstrap-menu/) 15 15 16 16 The plugin allows the user to insert the widget into any widget area. … … 37 37 == Frequently Asked Questions == 38 38 39 [SF Bootstrap Menu FAQ](http s://studiofreya.com/wordpress/wordpress-plugins/sf-bootstrap-menu/faq/)39 [SF Bootstrap Menu FAQ](http://studiofreya.com/wordpress/wordpress-plugins/sf-bootstrap-menu/faq/) 40 40 41 41 42 42 == Screenshots == 43 43 1. Menu widget 44 2. Menu preview 44 2. Vertical menu preview 45 3. Horizontal and vertical menus on one page 45 46 46 [ SF Bootstrap Menu plugin screenshots](https://studiofreya.com/wordpress/wordpress-plugins/sf-bootstrap-menu/screenshots/)47 [...more screenshots](http://studiofreya.com/wordpress-plugins/sf-bootstrap-menu/screenshots/) 47 48 48 49 == ChangeLog == 49 50 50 [SF Bootstrap Menu Changelog](http s://studiofreya.com/wordpress/wordpress-plugins/sf-bootstrap-menu/changelog/)51 [SF Bootstrap Menu Changelog](http://studiofreya.com/wordpress/wordpress-plugins/sf-bootstrap-menu/changelog/) 51 52 52 53 == Upgrade Notice == -
sf-bootstrap-menu/trunk/sf-menu-widget.php
r1267318 r1494737 11 11 'alignment' => '1', 12 12 'show_root' => true, 13 'expanded' => false, 13 14 'child_of' => '', 14 15 'exclude' => '', 15 'sort_column' => ' post_title',16 'sort_column' => 'menu_order, post_title', 16 17 'sort_order' => 'ASC', 17 18 'post_status' => '', 18 19 'title_color' => '#505050', 20 'title_font' => '#ffffff', 19 21 'items_color' => '#f1f1f1', 22 'items_font' => '#f1f1f1', 23 'items_active' => '#505050', 24 'items_active_font' => '#ffffff', 20 25 ); 21 26 … … 69 74 ?> 70 75 <style type="text/css"> 71 .nav-side-menu {font-size: 12px;font-weight: 200;background-color: <?php echo $args['items_color']; ?>; } 72 .nav-side-menu .brand {background-color: <?php echo $args['title_color']; ?>;line-height: 50px;display: block;text-align: center;font-size: 14px; color:#fff;} 76 .nav-side-menu {font-size: 12px;font-weight: 200;background-color: <?php echo $args['items_color']; ?>;} 77 .nav-side-menu .brand {background-color: <?php echo $args['title_color']; ?>;line-height: 50px;display: block;text-align: center;font-size: 14px; color:<?php echo $args['title_font']; ?>;} 78 .nav-side-menu li.active a {color:<?php echo $args['items_active_font']; ?>} 79 .nav-side-menu li .active,.nav-side-menu ul .active {background-color: <?php echo $args['items_active']; ?>} 80 .nav-side-menu li .sub-menu li.active,.nav-side-menu ul .sub-menu li.active,.nav-side-menu li .sub-menu li.active a,.nav-side-menu ul .sub-menu li.active a {color: <?php echo $args['items_active_font']; ?>;background-color: <?php echo $args['items_active']; ?>} 73 81 </style> 74 82 <?php … … 82 90 'include' => $pageids, 83 91 'exclude' => $args['exclude'], 84 'walker' => new sf_bootstrap_walker_page( )92 'walker' => new sf_bootstrap_walker_page($args['expanded']) 85 93 ) ); 86 94 … … 90 98 'sort_order' => $args['sort_order'], 91 99 'exclude' => $args['exclude'], 92 'walker' => new sf_bootstrap_walker_page( )100 'walker' => new sf_bootstrap_walker_page($args['expanded']) 93 101 ) ); 94 102 } … … 140 148 <style type="text/css"> 141 149 .nav-side-menu {font-size: 12px;font-weight: 200;background-color: <?php echo $args['items_color']; ?>;} 150 .nav-side-menu li .active,.nav-side-menu ul .active {background-color: <?php echo $args['items_active']; ?>} 151 .nav-side-menu li.active a {color:<?php echo $args['items_active_font']; ?>} 152 .nav-side-menu li .sub-menu li.active,.nav-side-menu ul .sub-menu li.active {color: <?php echo $args['items_active_font']; ?>;background-color: <?php echo $args['items_active']; ?>} 142 153 </style> 143 154 <?php … … 245 256 'show_root' => array('title' => __("Show top-level pages:", $tdom), 246 257 'type' => 'checkbox'), 258 'expanded' => array('title' => __("Always expanded:", $tdom), 259 'type' => 'checkbox'), 247 260 'exclude' => array('title' => __("Exclude pages:", $tdom), 248 261 'desc' => __("List of page IDs to exclude", $tdom)), 249 262 'sort_column' => array('title' => __("Sort field:", $tdom), 250 'desc' => __("Comma-separated list: <em> post_title, menu_order,post_date, post_modified, ID, post_author, post_name</em>", $tdom)),263 'desc' => __("Comma-separated list: <em>menu_order,post_title,post_date, post_modified, ID, post_author, post_name</em>", $tdom)), 251 264 'sort_order' => array('title' => __("Sort direction:", $tdom), 252 265 'desc' => __("(default: ASC)", $tdom)), … … 256 269 'type' => 'color', 257 270 'value' => '#505050'), 271 'title_font' => array('title' => __("Title font color:", $tdom), 272 'type' => 'color', 273 'value' => '#ffffff'), 258 274 'items_color' => array('title' => __("Menu items background color:", $tdom), 259 275 'type' => 'color', 260 'value' => '#f2f2f2'), 276 'value' => '#ffffff'), 277 'items_font' => array('title' => __("Menu items font color:", $tdom), 278 'type' => 'color', 279 'value' => '#000000'), 280 'items_active' => array('title' => __("Active menu item background color:", $tdom), 281 'type' => 'color', 282 'value' => '#505050'), 283 'items_active_font' => array('title' => __("Active menu item font color:", $tdom), 284 'type' => 'color', 285 'value' => '#ffffff'), 261 286 ); 262 287 return ($options ? $option_menu : array_keys($option_menu)); … … 275 300 $instance[$param] = strip_tags(stripslashes($new_instance[$param])); 276 301 277 if($param == 'items_color' || $param == 'title_color') { 302 if($param == 'items_color' 303 || $param == 'title_color' 304 || $param == 'title_font' 305 || $param == 'items_color' 306 || $param == 'items_font' 307 || $param == 'items_active' 308 || $param == 'items_active_font') { 278 309 $instance[$param]['value'] = $new_instance[$param]['value']; 279 310 } -
sf-bootstrap-menu/trunk/sf-menu.php
r1375877 r1494737 4 4 * Plugin URI: http://studiofreya.com/sf-bootstrap-menu 5 5 * Description: Responsive menu for child pages with Bootstrap 3.0 6 * Version: 2. 16 * Version: 2.2 7 7 * Author: Studiofreya AS 8 8 * Author URI: http://studiofreya.com … … 21 21 22 22 function sf_menu_load_scripts() { 23 wp_enqueue_style('sf_menu_style', plugin_dir_url( __FILE__ ) . 'css/style. css' );23 wp_enqueue_style('sf_menu_style', plugin_dir_url( __FILE__ ) . 'css/style.min.css' ); 24 24 25 25 $bootstrap = 'bootstrap'; -
sf-bootstrap-menu/trunk/sf-navwalker.php
r1267431 r1494737 3 3 class sf_bootstrap_walker_page extends Walker_Page { 4 4 5 private $curItem, $activeItem, $closedLi; 6 /** 5 private $curItem, $activeItem, $closedLi, $expanded; 6 7 function __construct($init_parameter) { 8 $this->expanded = $init_parameter; 9 } 10 11 /** 7 12 * @see Walker::start_lvl() 8 13 * @since 2.1.0 … … 15 20 $indent = str_repeat("\t", $depth); 16 21 17 $output .= "\n$indent<ul class='dropdown-menu sub-menu collapse' role='menu'>\n"; 22 if($this->expanded == true) { 23 $output .= "\n$indent<ul class='sub-menu always-open' role='menu'>\n"; 24 } else { 25 $output .= "\n$indent<ul class='dropdown-menu sub-menu collapse' role='menu'>\n"; 26 } 18 27 } 19 28 … … 51 60 $css_class[] = 'dropdown-submenu'; 52 61 } else { 53 $arrow = "<b class='caret sf-menu-caret'></b>"; 54 $arrow_link=" data-toggle='dropdown'"; 62 if($this->expanded != true) { 63 $arrow = "<b class='caret sf-menu-caret'></b>"; 64 $arrow_link=" data-toggle='dropdown'"; 65 } 55 66 } 56 67 } … … 82 93 83 94 $classes = empty( $css_class ) ? array() : (array) $css_class; 84 $classes[] = 'menu-item-' . $page->ID; 95 $classes[] = 'menu-item-' . $page->ID; 85 96 $class_names = join( ' ', apply_filters( 'nav_menu_css_class', array_filter( $classes ), $page, $args ) ); 86 97
Note: See TracChangeset
for help on using the changeset viewer.