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

Вит · №4951

Vitaliy V.
что-то не работает код. Уменьшить высоту вкладок
#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;
}
}

drage2 · №4952

Вит
Высота
#tabbrowser-tabs {
max-height: 26px !important;
min-height: 26px !important;
}

Длина .tabbrowser-tab[fadein]:not([pinned]) {max-width: 200px !important;}

Отредактировано drage2 (21-11-2018 22:06:24)

Vitaliy V. · №4953

Вит пишет

С командой в Контекстном меню вкладок

возможно перемудрил, хотелось чтобы закрывалась по возможности не текущая вкладка или закреплённая вкладка а её дубликат/ы
Также замените правило на это

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

Выделить код

Код:

#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(ctabread.tabs);'); item.ctabread = this; var item2 = this.item2 = popup.insertBefore(document.createElement('menuitem'), item.nextSibling); item2.setAttribute('label', '%D0%97%D0%B0%D0%BA%D1%80%D1%8B%D1%82%D1%8C%20%D0%B4%D1%83%D0%B1%D0%BB%D0%B8%D0%BA%D0%B0%D1%82%D1%8B%20%D0%B2%D0%BA%D0%BB%D0%B0%D0%B4%D0%BE%D0%BA'); item2.setAttribute('oncommand', 'ctabread.closetabs(ctabread.tabs2);'); item2.ctabread = this; this.itemdis(); this.handleEvent = () => { this.itemdis(); }; }, itemdis() { let tabs = [], tabs2 = [], map = new Map(); gBrowser.visibleTabs.forEach(t => { let sel = t.selected, pin = t.pinned, url = t.linkedBrowser.currentURI.spec; if (!sel && !t.multiselected && !pin && !t.hasAttribute('notselectedsinceload')) tabs.push(t); if (map.has(url)) { let mt = map.get(url), mpin = mt.pinned, msel = mt.selected; if ((!sel && (!pin || (pin && mpin))) || (sel && !pin && mpin)) tabs2.push(t); else if (!msel && (!mpin || (mpin && pin))) { tabs2.push(mt); map.set(url, t); } } else map.set(url, t); }); this.item.disabled = (this.tabs = tabs).length == 0; this.item2.disabled = (this.tabs2 = tabs2).length == 0; }, closetabs(tabs) { gBrowser.removeTabs(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;
}

Вит пишет

И надо чуть опустить панель Поиска, а то кнопки наезжают на панель( если закрыть панель Меню)

предположу что это из-за стиля (не моего) чтобы панель вкладок была ниже
попробуйте такой

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

Выделить код

Код:

/*Вкладки внизу*/
#navigator-toolbox > #toolbar-menubar {
    -moz-box-ordinal-group: 1 !important;
}

#navigator-toolbox > #nav-bar {
    -moz-box-ordinal-group: 2 !important;
    margin-top: 0 !important;
}

#navigator-toolbox > #add-additional-top-bar { /* дополнительная панель */
    -moz-box-ordinal-group: 3 !important;
}

#navigator-toolbox > #PersonalToolbar {
    -moz-box-ordinal-group: 4 !important;
}

#navigator-toolbox > toolbar:not(:-moz-any(#toolbar-menubar,#nav-bar,#add-additional-top-bar,#PersonalToolbar)) {
    -moz-box-ordinal-group: 10 !important;
}

#navigator-toolbox > #TabsToolbar {
    -moz-box-ordinal-group: 100 !important;
    margin: 0 !important;
    padding: 0 !important;
}

#TabsToolbar > #tabbrowser-tabs {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

#main-window[tabsintitlebar]:not([inFullscreen]) #toolbar-menubar[autohide="true"][inactive="true"] ~ #nav-bar {
    padding-inline-end: 140px !important;
}

#TabsToolbar .titlebar-placeholder[type="caption-buttons"],
#TabsToolbar .titlebar-placeholder[type="pre-tabs"],
#TabsToolbar .titlebar-placeholder[type="post-tabs"] {
    display: none !important;
}

#titlebar-buttonbox {
    z-index: 2 !important;
}

v4386 пишет

Здравствуйте! Не могли бы вы обратить внимание на мой пост №4957.

Нет я уже писал у меня нет пока готового стиля для меню, а тот стиль не годится как по мне, но дело ваше использовать или нет.
Если сделаю себе стиль то может поделюсь.

usalex пишет

Можно ли стилем организовать фичу, чтоб все ранее не посещенные сайты открывались с масштабом страницы не 100%, а например 125% ?

css конечно нет, а что расширения не пробовали типа такого https://addons.mozilla.org/ru/firefox/a … m-page-we/
там в настройках есть
Default Full Level (%):
Default Text Levels (%):

Вит пишет

что-то не работает код. Уменьшить высоту вкладок

мешают другие стили...

Отредактировано Vitaliy V. (22-11-2018 01:29:48)

usalex · №4954

Vitaliy V. пишет

а что расширения не пробовали типа такого https://addons.mozilla.org/ru/firefox/a … m-page-we/

Спасибо, что напомнили про него. Вроде устраивает.

Dumby · №4955

Vitaliy V.
Разреши отметиться безотносительно чего-либо,
но просто как очередной пример того, что есть ква-ква-квантум.

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

Vitaliy V. пишет

Выделить код
Код:
#browser-bottombox > #global-notificationbox

Firefox 65: diff < changeset < bug

Vitaliy V. пишет

Выделить код
Код:
#navigator-toolbox > #toolbar-menubar

Firefox 65: diff < changeset < bug

Вит · №4956

Vitaliy V.
Спасибо за команды. Я пересобрал свой стиль и высоту вкладок отрегулировал, благодаря вам, но при уменьшении высоты вкладок-сплющивается крестик (х - значок закрытия вкладки), можно его как то исправить?

v4386 · №4957

Vitaliy V. пишет

v4386 пишет: Здравствуйте! Не могли бы вы обратить внимание на мой пост №4957.
Нет я уже писал у меня нет пока готового стиля для меню, а тот стиль не годится как по мне, но дело ваше использовать или нет.Если сделаю себе стиль то может поделюсь.

Понял вас. Будем ждать... :zzz:

dreamkz · №4958

Vitaliy V. пишет

... расширения не пробовали типа такого https://addons.mozilla.org/ru/firefox/a … m-page-we/

О, супер! Как раз для сайтов с мелким шрифтом очень удобно. Там и других настроек полно. Спасибо!

Вит · №4959

Viatcheslav
как уменьшить ширину полоски скроллбара?

Q1tum · №4960

Здравствуйте!
Очень нравится новый Firefox Quantum, но одна вещь просто выбешивает, а именно стрелки которые появляются при открытии множества вкладок...
О чём речь: http://prntscr.com/lle5zz
Отсюда вопрос или просьба, есть ли возможность изменить этот элемент на простое маштабирование открытых вкладок, как это реализовано в других популярных браузерах?
Ужасно неудобно сделано, имхо! (крик души..) :usch:

oleg.sgh · №4961

Q1tum
https://forum.mozilla-russia.org/viewto … 44#p756444

Vitaliy V. · №4962

Dumby пишет

но просто как очередной пример того, что есть ква-ква-квантум.

ну а что не так и плохо я имею ввиду

Refactor tabs in title bar implementation to avoid JS layout calculations

но опустить вкладки да теперь сложнее,
или вместе с панелью меню опускать или как то с #TabsToolbar - position: fixed
Попробовал сделать вместе с меню

скрин

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

Выделить код

Код:

del

+ можно использовать стиль для кнопок управления окном https://forum.mozilla-russia.org/viewto … 72#p765572

Отредактировано Vitaliy V. (14-04-2022 01:20:51)

Вит · №4963

Vitaliy V.
Вот и решился вопрос про "сплющенный" крестик: вы дали код пользователю Q1tum, а я его вставил себе - посмотреть что будет. И все с крестиком Норм! Нужно было добавить: #tabbrowser-tabs .tab-close-button {
margin: 0 !important;
padding: 0 !important;
}
Да, а как увеличить и изменить шрифт меню вкладок и закладок?

Отредактировано Вит (22-11-2018 19:09:07)

Vitaliy V. · №4964

Вит пишет

увеличить и изменить шрифт меню вкладок и закладок?

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

Выделить код

Код:

#BMB_bookmarksPopup, #bookmarksMenuPopup, #tabContextMenu,
#BMB_bookmarksPopup menupopup, #bookmarksMenuPopup menupopup {
    font-family: "Arial" !important;
    font-size:  15px !important;
}

Отредактировано Vitaliy V. (22-11-2018 19:33:08)

Вит · №4965

Vitaliy V.
Спасибо, вопрос снят

Отредактировано Вит (22-11-2018 20:17:43)

Q1tum · №4966

oleg.sgh пишет

Q1tum
https://forum.mozilla-russia.org/viewto … 44#p756444

Спасибо

Vitaliy V. пишет

Q1tum можно уменьшить минимальную ширину вкладки и сделать компактнее элементы на них
скрытый текст
#tabbrowser-tabs {
--tab-min-width: 40px !important;
}
#tabbrowser-tabs .tab-content {
padding-left: 1px !important;
padding-right: 1px !important;
}
#tabbrowser-tabs :-moz-any(.tab-throbber,.tab-throbber-fallback,.tab-sharing-icon-overlay,.tab-icon-pending,.tab-icon-image):not([pinned]) {
margin-inline-start: 0 !important;
margin-inline-end: 1px !important;
}
#tabbrowser-tabs .tab-close-button {
margin: 0 !important;
padding: 0 !important;
}

Спасибо за решение, буду пробовать...

kokoss · №4967

Подскажите пожалуйста, код для изменения формы вкладок, адресной строки и строки поиска, что бы было вот так: Изображение

Отредактировано kokoss (22-11-2018 23:16:08)

Dumby · №4968

Vitaliy V. пишет

а что не так

Да всё так, я же просто ссылок подогнал,
ну чисто на интерес. Только и всего.

Попробовал сделать вместе с меню

Да, вкладки внизу.
Выглядит так на Windows 7.
Нет заголовка — нет кнопок управления окном.
Ещё раз: не претензия, но просто информация.

dreamkz · №4969

Извините, а что это за CSS стиль такой гламурный в последнее время часто встречается на скриншотах, там в левом верхнем углу браузера три разноцветные точки? Стилизованное под Сафари что-ли...

sandro79 · №4970

Dumby пишет: Выглядит так на Windows 7.

У автора CTR вроде получилось опустить вкладки под адресную строку, в последнем комплекте. Правда панель меню убирается вместе с кнопками управления окна, если отключен заголовок окна. В принципе терпимо, но пока сыро, а дальше может и этого не будет.

скрин

kokoss пишет: Не подскажите код для изменения формы вкладок, адресной строки и строки поиска, что бы было вот так:

Только адресной строки и строки поиска

Выделить код

Код:

.searchbar-textbox, #urlbar {
  border-radius: 20px !important;
}

fIRE3453 · №4971

Здравствуйте! Можно ли через userChrome.css добиться эффекта вот этого аддона? https://addons.mozilla.org/ru/firefox/addon/old-bookmarks-sidebar/
Убрать из боковой панели закладок пункт (папку) "Меню закладок" и тем самым сместить все закладки вплотную к левому краю? Убирать папки "Панель закладок" и "Другие закладки" не обязательно.
Пять часов возился при переходе с 56 версии на новый Firefox. Вроде, все сделал, как было раньше, нашел альтернативы старым аддонам, осталось только это.

Отредактировано fIRE3453 (22-11-2018 23:45:37)

Vitaliy V. · №4972

Dumby пишет

Нет заголовка — нет кнопок управления окном.

да не проверил на [windows] , исправил + можно использовать стиль для кнопок управления окном https://forum.mozilla-russia.org/viewto … 72#p765572

fIRE3453
https://forum.mozilla-russia.org/viewto … 99#p762599

Отредактировано Vitaliy V. (30-01-2019 13:33:44)

fIRE3453 · №4973

Vitaliy V. пишет

fIRE3453
https://forum.mozilla-russia.org/viewto … 99#p762599

Как раз то, что было нужно. Думал, уже не выйдет вернуть, как было.
Спасибо огромное

Отредактировано fIRE3453 (23-11-2018 01:37:12)

dreamkz · №4974

Я про такой стиль говорил. Не знаете как он называется? Часто распространён в последнее время.

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

kokoss · №4975

sandro79
Спасибо! То что нужно. А форму вкладок никак? И как сделать фон новой вкладки немного светлее, и увеличить размер значков панели навигации, а то так, не очень: Изображение

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

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

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

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

Код:

Код:

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

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

Код:

Код:

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

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

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

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

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

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

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

Код:

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

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

Код:

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

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

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

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

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

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

Код:

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

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

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

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

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

Board footer