dezhnev
Спасибо за метод. Получилось сделать в несколько столбцов - в экран их помещается шесть с половиной.
Но пользоваться неудобно.
Не все закладки уместились, а нет ни ползунка, ни возможности крутить список колесом - поэтому часть закладок недоступна вообще.
Высота менюшки маловата - только до половины экрана.
Если б допилить этот метод, чтоб был с ползунком, прокруткой и высокими столбцами - был бы класс.
Отсутствует
я сделал как мне удобно, у меня максимум 4 уровня вложений и в папке не так много, как у вас
в коде найдите эту строку:
menupopup._scrollBox.style.maxHeight = "500px"; //calc(100vh - 20px)
замените на эту строку и будут высокие столбцы
menupopup._scrollBox.style.maxHeight = "calc(100vh - 20px)";
Отсутствует
dezhnev
Спасибо. Теперь столбцы во всю высоту экрана - это отлично.
Но навигация по ссылкам невозможна ни колесом, ни ползунком, ни стрелками.
Часть ссылок, оставшаяся за пределами экрана, недоступна.
Отсутствует
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;
}
других вариантов, пока не вижу
может кто еще подскажет, я так понимаю скролбокс не поставить
Отсутствует
Acid Crash
Спасибо большое за полезную информацию. Получилось поменять цвета фонов. С кнопками еще буду пробовать менять иконки.
Получилось поменять цвет выеделения, при наведении на кнопки и папки, только почему-то одна кнопка осталась за бортом. При наведении на кнопку "открыть новую вкладку"( ctr+T), цвет выделения не поменялся.
Подскажите пожалуйста как:
Поменять цвет выделения при наведение на "плюс"(ctr+T)
Поменять цвет выделения при наведении на все крестики, при закрытии вкладок.
Поменять цвет выделения при наведении на кнопку возврата, когда мы уже осуществили вход в разделы "Закладки","Журнал","Загрузки","Облачные вкладки" через кнопку "Библиотека"
Поменять цвет выделения при наведении на кнопку возврата, когда мы уже осуществили вход в разделы "недавно закрытые вкладки", "недавно закрытые окна" через кнопку "Показать ваш журнал"(ctr+H)
Поменять цвет выделения для курсора мыши, когда им водим внутри папки, внутри , "закладки","журнал", "загрузки"
Поменять цвет выделения при наведении на маленькие кнопки внутри раздела "Открыть меню"
Отсутствует
dezhnev
Спасибо большое за ваши наработки.
И все же, без ползунка скролла удобство использования не то.
Закомментировал, как вы советовали, -- да, стало скроллиться при наведении, но только на один столбец - тот, который был на половину виден, а дальше уже не скроллится потому, что следующие столбцы скрыты полностью за пределами окна и туда нельзя курсор навести.
Выезжающая одностолбцовая боковая панель получается удобней для меня (очень много закладок).
Может быть Виталий сумеет что-то придумать, чтоб и скролл был, и много столбцов.
Отредактировано usalex (11-11-2018 04:45:08)
Отсутствует
Вот только сложно ткнуть в "Передвинуть панель.." потому что как только увожу курсор со слова "Закладки" вся панель задвигается и я не успеваю кликнуть по кнопке.
как вариант можно увеличить задержку скрытия
transition-delay: .5s !important; /*задержка скрытия*/
transition-delay: .8s !important; /*задержка скрытия*/
например так
transition-delay: 1.5s !important; /*задержка скрытия*/
transition-delay: 1.8s !important; /*задержка скрытия*/
Вот только мне не удаётся проверить его работу в режиме нескольких столбцов из-за того, что не смог этот режим реализовать стилем
не всё идеально но стиль работает и скроллбар есть
@-moz-document url("chrome://browser/content/browser.xul") { :root { --v-column-count: 3; --v-column-count-child: 2; --v-column-width: 18em; --v-column-width-child: 18em; --v-column-gap: 1px; --v-column-rule: 1px solid rgb(60,60,61); --v-scrollbar-overflow-y: auto; /* или hidden чтобы скрыть скроллбар */ } /* **************************************************** */ #BMB_bookmarksPopup, #bookmarksMenuPopup { max-width: none !important; width: auto !important; } :-moz-any(#BMB_bookmarksPopup,#bookmarksMenuPopup) .arrowscrollbox-scrollbox { max-width: none !important; width: auto !important; min-width: calc(var(--v-column-count) * (var(--v-column-width) + var(--v-column-gap)) + 80px) !important; padding: 0 !important; margin: 0 !important; border: none !important; overflow-y: var(--v-scrollbar-overflow-y) !important; } :-moz-any(#BMB_bookmarksPopup,#bookmarksMenuPopup) .arrowscrollbox-scrollbox > .scrollbox-innerbox { display: inline-block !important; column-count: var(--v-column-count) !important; column-width: var(--v-column-width) !important; column-rule: var(--v-column-rule) !important; column-gap: var(--v-column-gap) !important; padding: 0 !important; margin: 0 !important; border: none !important; } :-moz-any(#BMB_bookmarksPopup,#bookmarksMenuPopup) .bookmark-item[container="true"] menupopup .arrowscrollbox-scrollbox { max-width: none !important; width: auto !important; min-width: calc(var(--v-column-count-child) * (var(--v-column-width-child) + var(--v-column-gap)) + 80px) !important; } :-moz-any(#BMB_bookmarksPopup,#bookmarksMenuPopup) .bookmark-item[container="true"] menupopup .arrowscrollbox-scrollbox > .scrollbox-innerbox { column-count: var(--v-column-count-child) !important; column-width: var(--v-column-width-child) !important; } :-moz-any(#BMB_bookmarksPopup,#bookmarksMenuPopup) :-moz-any(menu,menuitem,menuseparator) { width: -moz-available !important; } }
например:открыл я 7 вкладок, одну просматриваю, а остальные - красного цвета
#TabsToolbar .tabbrowser-tab:not([selected="true"]) { background-color: red !important; } #TabsToolbar[brighttext] .tabbrowser-tab:not([selected="true"]) { background-color: darkred !important; }
Отредактировано Vitaliy V. (13-11-2018 00:05:55)
Отсутствует
Приветствую.
Вопросы по панели закладок. Раньше работал код, который задавал min и max ширину текста. Он работает, но сейчас заметил, что в кнопке гамбургер --> библиотека тоже сжимает. Библиотекой я почти не пользуюсь, но неприятно, что накосячил со стилем.
toolbarbutton.bookmark-item { min-width: 4em !important; max-width: 7em !important; }
Отсутствует
Vitaliy V.
Большое спасибо! Извините за неточность моей просьбы:Просмотренные вкладки должны быть светлыми, а остальные красные или по моему усмотрению цвет. Что бы я видел что из 10 вкладок я 4 просмотрел (они светлые) а остальные 6 красные (непросмотренные). Если не трудно - прошу вас, спасибо заранее. Да, а реально сделать команду в контекстном меню:"Закрыть прочитанные вкладки"?
Отредактировано Вит (11-11-2018 17:34:02)
Отсутствует
xrun1
#PlacesToolbarItems > toolbarbutton.bookmark-item { max-width: 7em !important; } #PlacesToolbarItems > toolbarbutton.bookmark-item { margin: 0 !important; padding: 1px !important; } #PlacesToolbarItems > toolbarbutton.bookmark-item > .toolbarbutton-icon[label]:not([label=""]) { margin-inline-end: 1px !important; }
красные (непросмотренные)
теперь это не так просто сделать как раньше, но можно стиль с биндингом попробовать
#TabsToolbar .tabbrowser-tab:not([selected="true"]) { color: black !important; background-color: white !important; } #TabsToolbar[brighttext] .tabbrowser-tab:not([selected="true"]) { color: white !important; background-color: black !important; } #TabsToolbar .tabbrowser-tab:not([selected="true"]):not([busy])[notselectedsinceload="true"] { color: black !important; background-color: Tomato !important; } #TabsToolbar[brighttext] .tabbrowser-tab:not([selected="true"]):not([busy])[notselectedsinceload="true"] { color: white !important; background-color: DarkRed !important; } #tabbrowser-tabs > hbox.tab-drop-indicator-box { -moz-binding: url("data:text/xml;charset=utf-8,<bindings xmlns='http://www.mozilla.org/xbl'><binding id='unread'><implementation><field name='_eventListeners'>[];</field><constructor><![CDATA[ this._addEventListener(this.parentNode, 'TabSelect', function(event) { var tab = event.target; if (tab.hasAttribute('notselectedsinceload') && !gBrowser._previewMode) tab.removeAttribute('notselectedsinceload'); }, false); ]]></constructor><destructor><![CDATA[ this._eventListeners.forEach((args) => args[0].removeEventListener(args[1], args[2], args[3])); ]]></destructor><method name='_addEventListener'><body><![CDATA[ arguments[0].addEventListener(arguments[1], arguments[2], arguments[3]); this._eventListeners.push(arguments); ]]></body></method></implementation></binding></bindings>#unread") !important; }
а реально сделать команду в контекстном меню:"Закрыть прочитанные вкладки"?
да можно добавить но сегодня лень
Отредактировано Vitaliy V. (11-11-2018 19:38:33)
Отсутствует
не всё идеально но стиль работает и скроллбар есть
А что ж там не идеального, если это именно то, что мне и было нужно???
СПАСИБО!
Теперь просто отлично - боковая панель одностолбцовая, как ей и положено быть, плюс многостолбцовое отображение со скроллом по нажатию на звездочку.
КЛАСС!
А можно в этот код куда-то (куда?) вставить доп.код, чтоб указать свой фонт (из предустановленных или из папки - лучше из папки), кегль и межстрочное расстояние для списка закладок?
Отсутствует
указать свой фонт (из предустановленных или из папки - лучше из папки), кегль и межстрочное расстояние для списка закладок?
например создайте папку fonts и туда поместите шрифт
@font-face { font-family: "Bitstream Vera Serif Bold"; src: url("./fonts/VeraSeBd.ttf"); } #BMB_bookmarksPopup, #bookmarksMenuPopup { font-family: "Bitstream Vera Serif Bold" !important; font-size: 12px !important; } #BMB_bookmarksPopup .subviewbutton { min-height: 18px !important; padding-top: 1px !important; padding-bottom: 1px !important; margin-top: 0 !important; margin-bottom: 0 !important; }
Отсутствует
Vitaliy V.
Спасибо!
Добавил код в конец файла userChrome.css, в котором у меня ваша боковая панель и ваш многостолбцовый вывод закладок.
Сработало, но...
1. Применилось только для закладок, которые находятся в корне, а для закладок, которые во вложенных папках остался дефолтный шрифт;
2. Не применилось к закладкам в боковой панели вообще.
Похоже, я не туда код вписал. А куда надо?
Отредактировано usalex (12-11-2018 01:39:14)
Отсутствует
Acid Crash
Спасибо большое за полезную информацию.
...
Подскажите пожалуйста как ...
Приветствую.
Не сочтите меня нахальным.
Тот объем изменений, который Вас интересует, более походит на глобальную перекраску браузера, требует подробного изучения и временных затрат.
Сейчас выделить время на работу подобных масштабов не могу, ввиду того, что есть другие приоритеты.
Попробуйте самостоятельно разобраться в Инспекторе браузера (ссылку на него обсуждали ранее), поверьте, это не так сложно как кажется.
Эффекты наведения, которые Вас интересуют легко инспектируются через псевдоклассы
Отсутствует
usalex
ой про боковую панель совсем забыл
в общем как то так
@-moz-document url("chrome://browser/content/browser.xul") { @font-face { font-family: "Comfortaa Regular"; src: url("./fonts/Comfortaa-Regular.ttf"); } #BMB_bookmarksPopup, #bookmarksMenuPopup, #BMB_bookmarksPopup menupopup, #bookmarksMenuPopup menupopup { font-family: "Comfortaa Regular" !important; font-size: 12px !important; } #BMB_bookmarksPopup .subviewbutton { min-height: 18px !important; padding-top: 1px !important; padding-bottom: 1px !important; margin-top: 0 !important; margin-bottom: 0 !important; } } @-moz-document url-prefix("chrome://browser/content/places/") { @font-face { font-family: "Comfortaa Regular"; src: url("./fonts/Comfortaa-Regular.ttf"); } #bookmarksPanel { font-family: "Comfortaa Regular" !important; font-size: 12px !important; } }
можете добавить этот код отдельно, или к моим стилям (внутри скобок) тогда @-moz-document ... { } дублировать не нужно
Отсутствует
в общем как то так
Виталий, спасибо большое, всё получилось.
Сделал шрифтец себе, настроил размерчики стилем... Отлично!
Остался последний вопрос. Про многостолбцовое отображение списка закладок.
Я правильно понимаю, что мозила не умеет автоматом подсчитывать требуемое количество столбцов?
В вашем стиле попробовал назначить вот так:
--v-column-count-child: auto;
но не срабатывает.
А если жестко указывать, например, 3 столбца, то оно всегда выводит в 3 столбца.
Даже, если в папке всего 6 закладок, оно все равно их в 3 столбца выведет, хотя там и одного за глаза.
Отсутствует
А если найдете время для команды в контекст. меню...
OK пробуйте, нужно заменить последнее правило из поста №4882 на это
#tabbrowser-tabs > hbox.tab-drop-indicator-box { -moz-binding: url("data:text/xml;charset=utf-8,<bindings xmlns='http://www.mozilla.org/xbl'><binding id='unread'><implementation><field name='_eventListeners'>[];</field><constructor><![CDATA[ this._addEventListener(this.parentNode, 'TabSelect', function(event) { var tab = event.target; if (tab.hasAttribute('notselectedsinceload') && !gBrowser._previewMode) tab.removeAttribute('notselectedsinceload'); }, false); var popup = document.querySelector('%23tabContextMenu'); var ctabread = { handleEvent() { var item = this.item = popup.insertBefore(document.createElement('menuitem'), (popup.querySelector('%23context_closeOtherTabs') || popup.firstChild).nextSibling); item.setAttribute('label', '%D0%97%D0%B0%D0%BA%D1%80%D1%8B%D1%82%D1%8C%20%D0%BF%D1%80%D0%BE%D1%87%D0%B8%D1%82%D0%B0%D0%BD%D0%BD%D1%8B%D0%B5%20%D0%B2%D0%BA%D0%BB%D0%B0%D0%B4%D0%BA%D0%B8'); item.setAttribute('oncommand', 'ctabread.closetabs();'); item.ctabread = this; this.itemdis(); this.handleEvent = () => { this.itemdis(); }; }, itemdis() { this.item.disabled = (this.tabs = gBrowser.visibleTabs.filter(t => !t.selected && !t.multiselected && !t.pinned && !t.hasAttribute('notselectedsinceload'))).length == 0; }, closetabs() { gBrowser.removeTabs(this.tabs); } }; this._addEventListener(popup, 'popupshowing', ctabread, false); ]]></constructor><destructor><![CDATA[ this._eventListeners.forEach((args) => args[0].removeEventListener(args[1], args[2], args[3])); ]]></destructor><method name='_addEventListener'><body><![CDATA[ arguments[0].addEventListener(arguments[1], arguments[2], arguments[3]); this._eventListeners.push(arguments); ]]></body></method></implementation></binding></bindings>#unread") !important; }
Подскажите как изменить размер шрифта в разделе закладки(ctr+B) ?
прямо перед вашим постом код есть
как уменьшить высоту вкладок?
#TabsToolbar, #titlebar, #tabbrowser-tabs { --tab-min-height: 26px !important; --toolbarbutton-inner-padding: 3px !important; } @media (-moz-windows-compositor) { #main-window[sizemode="normal"] > #titlebar { -moz-appearance: none !important; } }
Я правильно понимаю, что мозила не умеет автоматом подсчитывать требуемое количество столбцов?
умеет, но вы же понимаете это не обычная веб страница, нужно сначала задать ширину (иначе просто не работает)
min-width: calc(var(--v-column-count) * (var(--v-column-width) + var(--v-column-gap)) + 80px) !important;
а там используются переменные --v-column-count должно быть число а не auto
Даже, если в папке всего 6 закладок, оно все равно их в 3 столбца выведет, хотя там и одного за глаза.
поэтому и написал не всё идеально...
UPD: добавил в стиль свойство column-gap это уменьшит немного расстояние между столбцами
Отредактировано Vitaliy V. (13-11-2018 01:17:04)
Отсутствует
Друзья, а реально найти или сделать бок. панель как была у меня в версии 52. Такая (vertical_toolbar-1.0.13-fx). Что бы можно было перенести кнопки из тулбара (закачка видео, заметки, дом. страница и т.п.)? типа как в Опере - узкая. Спасибо
Отсутствует