Полезная информация

Вы можете получить техническую поддержку и просто поболтать в jabber-конференциях Mozilla Россия: support@conference.mozilla-russia.org — для решения проблем с программами Mozilla, talks@conference.mozilla-russia.org — для общения на свободные темы.

№485109-11-2018 21:44:17

usalex
Участник
 
Группа: Members
Зарегистрирован: 17-05-2016
Сообщений: 47
UA: Chrome 69.0

Re: Настройка внешнего вида Firefox в userChrome.css

rubel пишет:

А у меня прекрасно работает в 63.

Vitaliy V. пишет:

зависит теперь от sidebar.position_start или там пункт в меню есть

Такое впечатление, что мы о разных панелях говорим.
Я - о той, которая стилем делается (ссылку на соответствующий пост Vitaliy V. я привел в тексте своей просьбы).
У меня на абсолютно чистом 63 билде эта панель не выезжает, а на 57 - на ура.
А здесь вы пишете про какое-то меню. Что за меню? Это ведь не кнопка, а просто файлик userChrome.css в папке chrome.
Разъясните, пожалуйста.

upd
Vitaliy V., спасибо вам огромное. Поставил обновленную панель в 63 -- РАБОТАЕТ !
(вот только насчет пункта в меню так и не понял - где это меню?)

Отредактировано usalex (09-11-2018 22:20:06)

Отсутствует

 

№485209-11-2018 21:57:22

Acid Crash
Участник
 
Группа: Members
Зарегистрирован: 03-11-2013
Сообщений: 277
UA: Firefox 63.0

Re: Настройка внешнего вида Firefox в userChrome.css

MrDenver пишет:

При наведении на кнопки появляется серый фон.
Подскажите пожалуйста код изменения цвета этого фона, при наведении на любую кнопку?
Каким кодом можно добавить обводку к этому фону?

Тут не всё так просто, много очень правил надо создавать. Можете посмотреть вот тут, в качестве примера.

Отсутствует

 

№485310-11-2018 00:32:03

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 1103
UA: Firefox 64.0

Re: Настройка внешнего вида Firefox в userChrome.css

usalex
ну это не menupopup а panel

скрытый текст
https://imageshost.ru/images/2018/11/10/SNIMOK-EKRANA-V-2018-11-10-00-06-31.png

Acid Crash пишет:

Тут не всё так просто, много очень правил надо создавать

если только изменить фон без бордюра то это просто,
новые темы тоже могут менять фон...

скрытый текст

Выделить код

Код:

:root {
    --toolbarbutton-hover-background: blue !important;
    --toolbarbutton-active-background: darkblue !important;
}

:root:-moz-lwtheme-darktext,
toolbar:not([brighttext]) {
    --toolbarbutton-hover-background: blue !important;
    --toolbarbutton-active-background: darkblue !important;
}

:root:-moz-lwtheme-brighttext,
toolbar[brighttext] {
    --toolbarbutton-hover-background: blue !important;
    --toolbarbutton-active-background: darkblue !important;
}

Отсутствует

 

№485410-11-2018 00:55:56

MrDenver
Участник
 
Группа: Members
Зарегистрирован: 28-11-2017
Сообщений: 67
UA: Firefox 63.0

Re: Настройка внешнего вида Firefox в userChrome.css

Acid Crash
Я правильно понимаю что по каждой кнопке, нужно отдельно прописать "цвет выделения" ? Одним кодом не получится изменить этот серый цвет?
А добавить обводку(бордюр) к действующему серому  выделению на кнопках, можно одним кодом или тоже надо по каждой кнопке прописывать отдельно?

Напишите пожалуйста коды для изменения:
- Цвет заднего фона раздела "закладки" ,вход в раздел "закладки" осуществляется через  раздел библиотека.
- Цвет заднего фона раздела "загрузки" , вход в раздел "загрузки" осуществляется через  раздел библиотека.
- Цвет заднего фона раздела "облачные вкладки" , вход в раздел "облачные вкладки" осуществляется через  раздел библиотека.
- Цвет заднего фона раздела "скриншоты" , вход в раздел "скриншоты" осуществляется через  раздел библиотека.

Отсутствует

 

№485510-11-2018 01:58:17

usalex
Участник
 
Группа: Members
Зарегистрирован: 17-05-2016
Сообщений: 47
UA: Chrome 69.0

Re: Настройка внешнего вида Firefox в userChrome.css

Vitaliy V. пишет:

usalex, ну это не menupopup а panel

Кажется я понял. Это про эту панель, да?
https://forum.mozilla-russia.org/viewto … 98#p762498
Надо будет попробовать. Спасибо!

А вообще-то, мне удобней всего, когда закладки в несколько рядов выводятся.
И я даже где-то видел, как стилем можно сделать, чтоб при нажатии на стандартную звездочку закладки выводились в несколько рядов.
Но в таком варианте отсутствует ползунок скролла.
Нельзя ли прикрутить туда ползунок стилем? И, если можно, то... был бы вам очень признателен.

Отредактировано usalex (10-11-2018 02:01:12)

Отсутствует

 

№485610-11-2018 02:18:03

Acid Crash
Участник
 
Группа: Members
Зарегистрирован: 03-11-2013
Сообщений: 277
UA: Firefox 63.0

Re: Настройка внешнего вида Firefox в userChrome.css

MrDenver пишет:

Acid Crash
Я правильно понимаю что по каждой кнопке, нужно отдельно прописать "цвет выделения" ? Одним кодом не получится изменить этот серый цвет?
А добавить обводку(бордюр) к действующему серому  выделению на кнопках, можно одним кодом или тоже надо по каждой кнопке прописывать отдельно?

MrDenver,
Пример, который я привел, красит все кнопки. Точнее он меняет их стиль до подобия оных до 57 версии Фокса.
Добавив этот файл вы получите полноценное оформление всех кнопок Навбара.
Грубо говоря, в файле сначала "зануливаюется" стандартный стиль кнопок, а затем переопределяется их для трех состояний: "стандартное", "при наведении мыши" и "в нажатом состоянии".
Взяв его за основу можете соорудить что-то своё.
Если надо заменить именно цвет выделения (и ничего более), то можете воспользоваться методом указанным многоуважаемым Vitaliy V.
При желании можно и индивидуальные кнопки оформлять, но надо будет по отдельности для каждого класса/ИД определять (предварительно узнав их через инструменты разработчика)

Напишите пожалуйста коды для изменения:
- Цвет заднего фона раздела "закладки" ,вход в раздел "закладки" осуществляется через  раздел библиотека.
- Цвет заднего фона раздела "загрузки" , вход в раздел "загрузки" осуществляется через  раздел библиотека.
- Цвет заднего фона раздела "облачные вкладки" , вход в раздел "облачные вкладки" осуществляется через  раздел библиотека.
- Цвет заднего фона раздела "скриншоты" , вход в раздел "скриншоты" осуществляется через  раздел библиотека.

У меня есть только "закладки" и "загрузки"

Выделить код

Код:

#PanelUI-bookmarks {background-color: yellow !important;}
#PanelUI-downloads {background-color: blue !important;}

По другим попробуйте сами при помощи штатных инструментов разработчика найти (опция "Disable popup auto-hide" должна быть очень кстати).

Отсутствует

 

№485710-11-2018 08:35:03

rubel
Участник
 
Группа: Members
Откуда: г.Самара
Зарегистрирован: 10-05-2005
Сообщений: 367
UA: Firefox 62.0

Re: Настройка внешнего вида Firefox в userChrome.css

Vitaliy V.
Очень хочется прикрутить в боковой панели в закладках кнопочку-"Закрыть все папки".
Вот так сделано в расширении all_in_one_sidebar.
http://i97.fastpic.ru/big/2018/1110/ce/759d85efd590b0c849f9bf4c00163fce.png 

Очень не хватает этой удобной кнопки. Возможно ли так сделать?

Отсутствует

 

№485810-11-2018 10:18:44

Вит
Участник
 
Группа: Members
Зарегистрирован: 09-11-2018
Сообщений: 134
UA: Firefox 63.0

Re: Настройка внешнего вида Firefox в userChrome.css

При наведении курсора мыши на вкладку появляется вверху серая полоса, как ее убрать? Спасибо (не могу добавить картинку, извините)

Отредактировано Вит (10-11-2018 10:19:56)

Отсутствует

 

№485910-11-2018 11:20:00

Uxapb
Участник
 
Группа: Members
Зарегистрирован: 25-01-2012
Сообщений: 126
UA: Firefox 63.0

Re: Настройка внешнего вида Firefox в userChrome.css

Подскажите, плз, как скрыть самопроизвольное появление выпадающей панели встроенного переводчика? Хотелось бы, чтобы она появлялась только при клике по иконке перевода в адресной строке.
Спасибо.

Отсутствует

 

№486010-11-2018 12:41:27

MrDenver
Участник
 
Группа: Members
Зарегистрирован: 28-11-2017
Сообщений: 67
UA: Firefox 63.0

Re: Настройка внешнего вида Firefox в userChrome.css

Acid Crash
Спасибо большое, перекрасил фон "закладки" и "загрузки".

Acid Crash пишет:

Если надо заменить именно цвет выделения (и ничего более), то можете воспользоваться методом указанным многоуважаемым Vitaliy V.

Да, мне нужно только перекрасить сам цвет выделения и добавить бордюр(т.е. обводку по краям этого выделения). Где можно прочесть этот метод?

Кстати, когда перекрасил задний фон "журнала", вход через библиотеку. Заметил что задний фон под самой надписью "журнал", в самом верху, остался с прежним цветом. Только в самом верху.
Как задать цвет этого маленького заднего фона?

Как задать цвет заднего фона для меню "Открыть Меню". (Открывается по кнопке с иконкой с тремя горизонтальными линиями).

Отредактировано MrDenver (10-11-2018 12:47:12)

Отсутствует

 

№486110-11-2018 14:33:31

dezhnev
Участник
 
Группа: Members
Зарегистрирован: 21-04-2016
Сообщений: 39
UA: Firefox 63.0

Re: Настройка внешнего вида Firefox в userChrome.css

usalex пишет:

А вообще-то, мне удобней всего, когда закладки в несколько рядов выводятся.
И я даже где-то видел, как стилем можно сделать, чтоб при нажатии на стандартную звездочку закладки выводились в несколько рядов.
Но в таком варианте отсутствует ползунок скролла.

Не работает стилем уже :(
Ползунок скролла отсутствует, но вполне сносно для использования "при нажатии на стандартную звездочку"
Решил через userchromeJS

BMMultiColumn.uc.js

скрытый текст
location == "chrome://browser/content/browser.xul" && (function () {
    if (window.BMMultiColumn) {
        window.BMMultiColumn.destroy();
        delete window.BMMultiColumn;
    }

    var BMMultiColumn = {
        cachedMenus: [],
        init: function () {
            $('PlacesToolbarItems').addEventListener('popupshowing', this, false);
            var pop = $('BMB_bookmarksPopup');
            if (pop) {
                pop.addEventListener('popupshowing', this, false);
                pop.addEventListener('click', this, false);
            }
        },
        destroy: function () {
            $('PlacesToolbarItems').removeEventListener('popupshowing', this, false);
            var pop = $('BMB_bookmarksPopup');
            if (pop) {
                pop.removeEventListener('popupshowing', this, false);
                pop.removeEventListener('click', this, false);
            }

            var i = 0;
            for (i = 0; i < this.cachedMenus.length; i++) {
                var menu = this.cachedMenus[i];
                if (menu && menu._x_inited) {
                    menu._x_scrollbox.width = '';
                    menu._scrollBox.style.maxHeight = "";
                    menu.style.maxWidth = "";

                    var container = menu._x_box;
                    if(container){
                        container.style.minHeight = "";
                        container.style.height = "";
                        container.style.display = "";
                        container.style.flexFlow = "";
                        container.style.overflow = "";
                    }

                    delete menu._x_scrollbox;
                    delete menu._x_inited;
                    delete menu._x_box;
                }
            }
            this.cachedMenus = [];
        },
        handleEvent: function (event) {
            var menupopup;
            if (event.target.tagName == 'menu') {
                menupopup = event.target.menupopup;
            } else if (event.target.tagName == 'menupopup') {
                menupopup = event.target;
            } else return;
            if (!menupopup) return;
            if (!menupopup.firstChild) return;

            if (!menupopup._x_inited || !menupopup._x_scrollbox.scrollWidth) {
                var scrollbox = menupopup._scrollBox._scrollbox;

                var firstMenu = menupopup.firstChild;
                while (firstMenu) {
                    if (firstMenu.tagName == "menuitem") break;
                    firstMenu = firstMenu.nextSibling;
                }

                var box = firstMenu.boxObject.parentBox;

                if (box) {
                    menupopup._x_box = box;
                    menupopup._x_scrollbox = scrollbox;
                    if (!menupopup._x_inited) {
                        menupopup._x_inited = true;
                        this.cachedMenus.push(menupopup);
                    }
                }
                var container = menupopup._x_box;
                if(container){
                    container.style.minHeight = "21px";
                    container.style.height = "auto";
                    container.style.display = "inline-flex";
                    container.style.flexFlow = "column wrap";
                    container.style.overflow = "-moz-hidden-unscrollable";
                    menupopup._scrollBox.style.maxHeight = "500px";            //calc(100vh - 20px)
                }
                menupopup.style.maxWidth = "calc(100vw - 20px)";
            }
            if (menupopup._x_inited) {

                if (!(menupopup._x_scrollbox.width == menupopup._x_box.scrollWidth)) menupopup._x_scrollbox.width = menupopup._x_box.scrollWidth;
                if (event.type == "click") {
                    if (!(menupopup._x_scrollbox.width == menupopup._x_box.scrollWidth)) menupopup._x_scrollbox.width = menupopup._x_box.scrollWidth;
                }
                var menuitem = menupopup.lastChild;
                while (menuitem) {
                    if (!menuitem.style.maxWidth) {
                        menuitem.style.maxWidth = "280px";            // shirina do 3h tochek
                        menuitem.style.minWidth = "100px";
                    }
                    menuitem = menuitem.previousSibling;
                }

                var lastmenu = menupopup.lastChild;
                while (lastmenu) {
                    if (lastmenu.scrollWidth >= 90) break;
                    lastmenu = lastmenu.previousSibling;
                }

                if (lastmenu && lastmenu.scrollWidth >= 90) {
                    var pos1 = lastmenu.boxObject.x - 0 + lastmenu.boxObject.width;
                    var pos2 = menupopup._x_box.boxObject.x - 0 + menupopup._x_box.boxObject.width;
                    if (pos2 - pos1 > 30) {
                        menupopup._x_scrollbox.width = "";
                        menupopup._x_scrollbox.width = menupopup._x_box.scrollWidth;
                    }
                }
            }
        }
    }
    BMMultiColumn.init();
    window.BMMultiColumn = BMMultiColumn;

    function $(id) {
        return document.getElementById(id);
    }
})();

Отсутствует

 

№486210-11-2018 15:31:02

Acid Crash
Участник
 
Группа: Members
Зарегистрирован: 03-11-2013
Сообщений: 277
UA: Firefox 63.0

Re: Настройка внешнего вида Firefox в userChrome.css

MrDenver пишет:

Да, мне нужно только перекрасить сам цвет выделения и добавить бордюр(т.е. обводку по краям этого выделения). Где можно прочесть этот метод?
Кстати, когда перекрасил задний фон "журнала", вход через библиотеку. Заметил что задний фон под самой надписью "журнал", в самом верху, остался с прежним цветом. Только в самом верху.
Как задать цвет этого маленького заднего фона?
Как задать цвет заднего фона для меню "Открыть Меню". (Открывается по кнопке с иконкой с тремя горизонтальными линиями).

Приветствую.
Вот, соорудил что-то такое, вроде всё как надо и должно помочь в Ваших начинаниях.

скрытый текст

Выделить код

Код:

/* Фон кнопок Навбара при наведении и активации */
/* Дефолтная тема */
:root {
    --toolbarbutton-hover-background: blue !important;
    --toolbarbutton-active-background: darkblue !important;
}

/* Светлая тема */
:root:-moz-lwtheme-darktext,
toolbar:not([brighttext]) {
    --toolbarbutton-hover-background: green !important;
    --toolbarbutton-active-background: darkgreen !important;
}

/* темная тема */
:root:-moz-lwtheme-brighttext,
toolbar[brighttext] {
    --toolbarbutton-hover-background: red !important;
    --toolbarbutton-active-background: darkred !important;
}


/* Кнопки Навбара - оформление */
#main-window:not([customizing]) #nav-bar .toolbarbutton-1[disabled=true]:-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-icon,
#main-window:not([customizing]) #nav-bar .toolbarbutton-1[disabled=true]:-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-text,
#main-window:not([customizing]) #nav-bar .toolbarbutton-1[disabled=true]:-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-badge-stack,
#nav-bar toolbarbutton[type="menu-button"] > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#nav-bar .toolbarbutton-1[open] > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#nav-bar .toolbarbutton-1:not([checked]):not([open]):not(:active) > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1:not([checked]):not([open]):not(:active) > .toolbarbutton-text,
#nav-bar .toolbarbutton-1:not([checked]):not([open]):not(:active) > .toolbarbutton-badge-stack,
#nav-bar .toolbarbutton-1:not([buttonover]):not([open]):not(:active) > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon {
  border: 1px solid red !important;
  transition: background-color .3s ease-in, border .3s ease-in !important;
}
/* Кнопки - выделены */
#nav-bar .toolbarbutton-1:not([disabled=true]) > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#nav-bar .toolbarbutton-1:not([disabled=true]):-moz-any(:hover,[open]) > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1:not([disabled=true]):-moz-any(:hover,[open]) > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#nav-bar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-text,
#nav-bar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-badge-stack,
#nav-bar .toolbarbutton-1:not([buttonover]):not([open]):not(:active):hover > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon {
  border: 1px solid cyan !important;
  transition: background-color .3s ease-in, border .3s ease-in !important;
}
/* Кнопки - нажаты */
#nav-bar toolbarbutton[type="menu"][open]:not([disabled]) > .toolbarbutton-icon,
#nav-bar toolbarbutton[type="menu-button"]:not([open]):hover:not([disabled]):active > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any(:hover:active,:active, [open]) > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon,
#nav-bar .toolbarbutton-1:not([disabled=true]):-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1:not([disabled=true]):-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-text,
#nav-bar .toolbarbutton-1:not([disabled=true]):-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-badge-stack {
  border: 1px solid pink !important;
  transition: background-color .3s ease-in, border .3s ease-in !important;
}

/* Меню Троеточие */
panelview#appMenu-mainView {background-color: orange !important;}
#appMenu-popup .panel-arrow {fill: orange !important;}

/* Библиотека - корневой */
#appMenu-libraryView {background-color: red !important;}
/* Библиотека - треугольник вверху */
panel[viewId="appMenu-libraryView"] .panel-arrow {fill: green !important;}

/* Библиотека - Закладки */
#PanelUI-bookmarks {background-color: blue !important;}
/* Библиотека - Журнал */
#PanelUI-history {background-color: green !important;}
/* Библиотека - Загрузки */
#PanelUI-downloads {background-color: pink !important;}
/* Библиотека - облачные вкладки */
#PanelUI-remotetabs {background-color: violet !important;}


Послесловие.
- обводки кнопок: задав ненулевой border уменьшается размер выделенный под иконки, как итог - они станут меньше. Как вылечить - играть с паддингами/марджинами либо попытаться использовать внутреннюю тень (box-shadow) как заменитель border
- цвет подменю: задав кастомный цвет для подменю (отличающийся от цвета корневой папки) в библиотеке не сможем (либо де я не знаю как) заменить цвет треугольника вверху меню, чтобы он соответствовал цвету подменю.

Отсутствует

 

№486310-11-2018 16:44:42

sandro79
Участник
 
Группа: Members
Откуда: Гиперборея
Зарегистрирован: 15-11-2017
Сообщений: 601
UA: Firefox 58.0

Re: Настройка внешнего вида Firefox в userChrome.css

Vitaliy V. Виталий приветствую! Огромнейшее Вам Спасибо за этот шедевр! Жаль раньше не наткнулся на этот код. Теперь буду использовать его исключительно для навигации по журналу, что очень удобно, всего лишь навел курсор и весь журнал как на ладони. Немного уменьшил "width: 42em !important; /*Ширина*/" до 22, а то дюже широко . Спасибо! :beer:

Небольшое видео
https://poster3.radikal.ru/1811/37/31ceb4d8110e.jpg


Включение поддержки стилей в 69+ toolkit.legacyUserProfileCustomizations.stylesheets — true

Отсутствует

 

№486410-11-2018 18:26:10

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 1103
UA: Firefox 64.0

Re: Настройка внешнего вида Firefox в userChrome.css

usalex пишет:

Кажется я понял. Это про эту панель, да?

ну нет же, это в боковой панели находится чтобы переключать на закладки, журнал и т.д.
а также перемещать панель вправо, влево.
Может у вас оно скрыто стилем каким-нибудь?

usalex пишет:

чтоб при нажатии на стандартную звездочку закладки выводились в несколько рядов.
Но в таком варианте отсутствует ползунок скролла.
Нельзя ли прикрутить туда ползунок стилем?

не пробовал несколько рядов т.е. столбцов, но без них работает такой код

скрытый текст

Выделить код

Код:

menupopup arrowscrollbox > .arrowscrollbox-scrollbox {
    overflow-y: auto !important;
}


rubel пишет:

Очень хочется прикрутить в боковой панели в закладках кнопочку-"Закрыть все папки".

https://github.com/VitaliyVstyle/Vitali … uttons.zip
ЛКМ: Закрыть все папки
ПКМ: Открыть все папки
кнопки находятся в боковой панели в закладках и истории рядом с поиском

Вит пишет:

При наведении курсора мыши на вкладку появляется вверху серая полоса, как ее убрать?

скрытый текст

Выделить код

Код:

#TabsToolbar .tabbrowser-tab:hover .tab-background > .tab-line:not([selected="true"]):not([multiselected]) {
    background: none !important;
}


sandro79
да это удобно, сам пользуюсь похожим стилем.

Отредактировано Vitaliy V. (10-11-2018 18:45:07)

Отсутствует

 

№486510-11-2018 19:00:30

Вит
Участник
 
Группа: Members
Зарегистрирован: 09-11-2018
Сообщений: 134
UA: Firefox 63.0

Re: Настройка внешнего вида Firefox в userChrome.css

Vitaliy V.
Огромное спасибо! Я установил Tab flag и в непрочитанных вкладках сменил цвет шрифта-очень помогает, что бы не возвращаться на уже прочитанную вкладку. А можно ли сменить фон Непрочитанных вкладок? было бы вообще шикарно.

Отсутствует

 

№486610-11-2018 19:20:47

rubel
Участник
 
Группа: Members
Откуда: г.Самара
Зарегистрирован: 10-05-2005
Сообщений: 367
UA: Firefox 62.0

Re: Настройка внешнего вида Firefox в userChrome.css

Vitaliy V. пишет:

ЛКМ: Закрыть все папки
ПКМ: Открыть все папки
кнопки находятся в боковой панели в закладках и истории рядом с поиском

Огромное спасибо, прекрасно работает!
Еще просьба, хочу заменить серую иконку Закладок в этой боковой панели вот на такую:
http://i98.fastpic.ru/big/2018/1110/06/83be447602ef612d7d098f39b82fe806.png 
Вот в этих двух местах:
http://i97.fastpic.ru/big/2018/1110/8a/c3ad23749ab80bbc362006360315388a.png 
http://i97.fastpic.ru/big/2018/1110/b7/963033dc0ce675e98bde5431c17bcfb7.png 
Напишите, пожалуйста, код, а я сам впишу код этой картинки в base64.

Отсутствует

 

№486710-11-2018 19:52:09

usalex
Участник
 
Группа: Members
Зарегистрирован: 17-05-2016
Сообщений: 47
UA: Chrome 69.0

Re: Настройка внешнего вида Firefox в userChrome.css

Vitaliy V. пишет:

usalex пишет: Кажется я понял. Это про эту панель, да?
ну нет же, это в боковой панели находится чтобы переключать на закладки, журнал и т.д. а также перемещать панель вправо, влево.

Всё, нашел эту кнопку. Извините за непонятливость. Вот только сложно ткнуть в "Передвинуть панель.." потому что как только увожу курсор со слова "Закладки" вся панель задвигается и я не успеваю кликнуть по кнопке.

Vitaliy V. пишет:

не пробовал несколько рядов т.е. столбцов, но без них работает такой код:
menupopup arrowscrollbox > .arrowscrollbox-scrollbox {
    overflow-y: auto !important;
}

Спасибо огромное! Ползунок появился и работает.
Вот только мне не удаётся проверить его работу в режиме нескольких столбцов из-за того, что не смог этот режим реализовать стилем, как надеялся.
Стиль для многостолбцового отображения брал вот из этого поста:
https://forum.mozilla-russia.org/viewto … 70#p763070
Но, похоже, я как-то неправильно его вставляю в userChrome.css -- нет эффекта - нажимаю на звездочку, а столбец по-прежнему только один.
Ваш стиль для ползунка я просто добавил в конец файла userChrome.css (перед последней фигурной скобкой) и всё заработало.
А куда вставлять стиль для многостолбцового отображения?
Или, может, для 63 билда этот стиль не подходит?
(никаких других стилей у меня нет - только ваша выдвигающаяся боковая панель + ползунок для закладок -- значит, вроде, не должно ничего мешать)

Отсутствует

 

№486810-11-2018 19:54:54

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 1103
UA: Firefox 64.0

Re: Настройка внешнего вида Firefox в userChrome.css

Вит пишет:

А можно ли сменить фон Непрочитанных вкладок?

при наведении? так

скрытый текст

Выделить код

Код:

#TabsToolbar .tabbrowser-tab:hover .tab-background:not([selected="true"]) {
  background-color: rgba(0,0,0,.1) !important;
}

#TabsToolbar[brighttext] .tabbrowser-tab:hover .tab-background:not([selected="true"]) {
  background-color: rgba(255,255,255,.1) !important;
}


цвета только замените

rubel пишет:

Напишите, пожалуйста, код, а я сам впишу код этой картинки в base64.

чтобы перекрасить заменять не обязательно

скрытый текст

Выделить код

Код:

#sidebar-box[sidebarcommand="viewBookmarksSidebar"] #sidebar-switcher-target > #sidebar-icon,
#sidebar-switcher-bookmarks > .toolbarbutton-icon {
    fill: rgb(0, 116, 232) !important;
    fill-opacity: 1 !important;
    opacity: 1 !important;
}

Отсутствует

 

№486910-11-2018 20:04:17

usalex
Участник
 
Группа: Members
Зарегистрирован: 17-05-2016
Сообщений: 47
UA: Chrome 69.0

Re: Настройка внешнего вида Firefox в userChrome.css

dezhnev пишет:

usalex пишет: А вообще-то, мне удобней всего, когда закладки в несколько рядов выводятся.

Не работает стилем уже. Ползунок скролла отсутствует, но вполне сносно для использования "при нажатии на стандартную звездочку"
Решил через userchromeJS
BMMultiColumn.uc.j

Вон оно как. Значит стилем в 63 уже нельзя закладки в несколько столбцов вывести? Очень жаль.
А "через userchromeJS" - это как? Что с этим кодом делать, куда вставлять?

Отсутствует

 

№487010-11-2018 20:09:42

rubel
Участник
 
Группа: Members
Откуда: г.Самара
Зарегистрирован: 10-05-2005
Сообщений: 367
UA: Firefox 62.0

Re: Настройка внешнего вида Firefox в userChrome.css

Vitaliy V. пишет:

чтобы перекрасить заменять не обязательно

Прекрасно! Вы мастер. Спасибо.:)

Отсутствует

 

№487110-11-2018 20:38:18

dezhnev
Участник
 
Группа: Members
Зарегистрирован: 21-04-2016
Сообщений: 39
UA: Firefox 59.0

Re: Настройка внешнего вида Firefox в userChrome.css

usalex пишет:

Вон оно как. Значит стилем в 63 уже нельзя закладки в несколько столбцов вывести? Очень жаль.
А "через userchromeJS" - это как? Что с этим кодом делать, куда вставлять?

https://forum.mozilla-russia.org/viewtopic.php?pid=762747#p762747

Код выше сохраняете в файл , скажем BMMultiColumn.uc.js в папку \chrome (там где userchrome.CSS и остальные 3 файла из линка выше)

выглядит так:

https://www.upload.ee/image/9174491/2018-11-10_09h34_08.png

Отредактировано dezhnev (10-11-2018 20:43:05)

Отсутствует

 

№487210-11-2018 21:42:24

usalex
Участник
 
Группа: Members
Зарегистрирован: 17-05-2016
Сообщений: 47
UA: Chrome 69.0

Re: Настройка внешнего вида Firefox в userChrome.css

dezhnev
Спасибо за метод. Получилось сделать в несколько столбцов - в экран их помещается шесть с половиной.
Но пользоваться неудобно.
Не все закладки уместились, а нет ни ползунка, ни возможности крутить список колесом - поэтому часть закладок недоступна вообще.
Высота менюшки маловата - только до половины экрана.
Если б допилить этот метод, чтоб был с ползунком, прокруткой и высокими столбцами - был бы класс.

Отсутствует

 

№487310-11-2018 21:57:54

dezhnev
Участник
 
Группа: Members
Зарегистрирован: 21-04-2016
Сообщений: 39
UA: Firefox 59.0

Re: Настройка внешнего вида Firefox в userChrome.css

я сделал как мне удобно, у меня максимум 4 уровня вложений и в папке не так много, как у вас

в коде найдите эту строку:
menupopup._scrollBox.style.maxHeight = "500px";            //calc(100vh - 20px)

замените на эту строку и будут высокие столбцы
menupopup._scrollBox.style.maxHeight = "calc(100vh - 20px)";

Отсутствует

 

№487410-11-2018 23:25:43

usalex
Участник
 
Группа: Members
Зарегистрирован: 17-05-2016
Сообщений: 47
UA: Chrome 69.0

Re: Настройка внешнего вида Firefox в userChrome.css

dezhnev
Спасибо. Теперь столбцы во всю высоту экрана - это отлично.
Но навигация по ссылкам невозможна ни колесом, ни ползунком, ни стрелками.
Часть ссылок, оставшаяся за пределами экрана, недоступна.

Отсутствует

 

№487511-11-2018 00:34:29

dezhnev
Участник
 
Группа: Members
Зарегистрирован: 21-04-2016
Сообщений: 39
UA: Firefox 59.0

Re: Настройка внешнего вида Firefox в userChrome.css

usalex
как один вариант - закоментите строчку выше той что обсуждали, т.е. сделайте так:
//container.style.overflow = "-moz-hidden-unscrollable";

будет "скролиться" при наведении мышкой на край, т.е. вправо без проблем, а влево надо прям к краю тянуть, что не очень удобно

ну и стиль на промежутки поставить (в userchrome.css) , чтобы больше закладок помещалось

/* Как уменьшить расстояние между иконками в BMB */
#BMB_bookmarksPopup .subviewbutton {
  padding: 1px 6px !important;
  max-height: 18px !important;
  margin: -1px !important;        /* drug pod drugom vprilipochku */
  margin-top: -1px !important;
}

других вариантов, пока не вижу
может кто еще подскажет, я так понимаю скролбокс не поставить

Отсутствует

 

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2011 Mozilla Russia
Язык отображения форума: [Русский] [English]