В админке не очень удобный скроллинг длиной навигации и контента, поэтому я решил написать мануал как немного видоизменить ее.
Вот что получится
И так первое, надо подготовиться:
Скачиваем свежий плагин jquery.mousewheel и кладем его в папку шаблона js (лучше даже в в папки js всех шаблонов)
Скачиваем подготовленные стили админки файл admin-styles.css и заменяем в папке common\css\
Далее:
1. Открываем главный файл вывода админки \protected\views\layouts\main-admin.php.
--- подключаем скачанный раннее jquery.mousewheel.min.js. Ниже где:
- Код: Выделить всё
Yii::app()->clientScript->registerScriptFile($baseThemeUrl . '/js/scrollto.js', CClientScript::POS_END);
дописываем:
- Код: Выделить всё
Yii::app()->clientScript->registerScriptFile($baseThemeUrl . '/js/jquery.mousewheel.min.js', CClientScript::POS_END);
2. Добавляем пару классов к сетке bootstrap. Где-то в строке 110 :
- Код: Выделить всё
<div class="span3">
дописываем класс fix-nav
- Код: Выделить всё
<div class="span3 fix-nav">
Где-то в строке 208:
- Код: Выделить всё
<div class="span9">
дописываем класс margin-cont
- Код: Выделить всё
<div class="span9 margin-cont">
3. В самом низу где находится js
- Код: Выделить всё
<script type="text/javascript">
var tempModal = {
setContent: function(content){
.......
......
</script>
добавляем скрипт
- Код: Выделить всё
$(function(){
var winScrollTop = $(window).scrollTop();
$('.fix-nav').on('mousewheel', function(event) {
$(window).bind('scroll',function () {
$(window).scrollTop(winScrollTop);
});
});
$('.margin-cont').mousewheel(function(event) {
$(window).unbind('scroll');
});
});
4. Еще осталось подкорректировать вывод белых иконок вместо черных в навигации. Для этого топаем в папку стилей бутстрапа
protected\extensions\bootstrap\assets\css\, открываем файл bootstrap.min.css и дописываем стили:
- Код: Выделить всё
.fix-nav [class^="icon-"], .fix-nav [class*=" icon-"] {
background-image: url("../img/glyphicons-halflings-white.png")
}
Чистим кеш.
Спасибо за внимание.
PS: кто пользуется версией ORE старее чем 1.15.0, то у вас уже есть плагин jquery.mousewheel в папке js шаблона, но вам следует его обновить.
