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

На IRC-канале #mozilla-ru можно получить техническую консультацию онлайн и, конечно же, порцию общения.

№497622-11-2018 04:51:11

Dumby
Участник
 
Группа: Members
Зарегистрирован: 12-08-2012
Сообщений: 1019
UA: Firefox 52.0

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

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

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

Vitaliy V. пишет:

Выделить код

Код:

#browser-bottombox > #global-notificationbox

Firefox 65: diff < changeset < bug

Vitaliy V. пишет:

Выделить код

Код:

#navigator-toolbox > #toolbar-menubar

Firefox 65: diff < changeset < bug

Отсутствует

 

№497722-11-2018 06:12:45

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

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

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

Отсутствует

 

№497822-11-2018 10:20:32

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

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

Vitaliy V. пишет:

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

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

Отсутствует

 

№497922-11-2018 10:59:37

dreamkz
Uchastnik
 
Группа: Members
Зарегистрирован: 04-03-2009
Сообщений: 594
UA: Firefox 63.0

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

Vitaliy V. пишет:

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

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

Отсутствует

 

№498022-11-2018 11:38:14

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

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

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

Отсутствует

 

№498122-11-2018 16:10:18

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

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

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

Отсутствует

 

№498222-11-2018 17:27:56

oleg.sgh
Участник
 
Группа: Members
Зарегистрирован: 19-04-2014
Сообщений: 2523
UA: Firefox 63.0

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

Отсутствует

 

№498322-11-2018 18:39:42

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

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

Dumby пишет:

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

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

Refactor tabs in title bar implementation to avoid JS layout calculations

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

скрин
https://imageshost.ru/images/2018/11/22/SNIMOK-EKRANA-V-2018-11-22-17-22-30.png

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

Выделить код

Код:

@-moz-document url-prefix("chrome://browser/content/browser.x") {
:root {
    --v-control-buttons-width-box: calc(var(--toolbarbutton-outer-padding, 2px) + var(--v-titlebar-button-horizont-padding, 17px) * 6 + var(--v-titlebar-button-image-width, 12px) * 3); /* отступ для кнопок управления окном */
    --v-control-buttons-width-maximized-box: var(--v-control-buttons-width-box); /* отступ для кнопок в развёрнутом окне */
}
#navigator-toolbox > toolbar {
    -moz-box-ordinal-group: 10 !important;
}
#navigator-toolbox > #nav-bar {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    -moz-box-ordinal-group: 0 !important;
    box-shadow: none !important;
    background-clip: content-box !important;
}
#navigator-toolbox > #PersonalToolbar {
    -moz-box-ordinal-group: 1 !important;
}
#main-window:not([inFullscreen])[tabsintitlebar] #navigator-toolbox {
    position: relative !important;
    border-bottom: none !important;
}
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="normal"] #navigator-toolbox {
    -moz-appearance: -moz-window-titlebar !important;
}
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #navigator-toolbox {
    -moz-appearance: -moz-window-titlebar-maximized !important;
}
#main-window:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme #navigator-toolbox {
    visibility: hidden !important;
}
#main-window:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme #navigator-toolbox > *:not([collapsed="true"]) {
    visibility: visible;
}
#navigator-toolbox > #titlebar {
    -moz-appearance: none !important;
    -moz-box-ordinal-group: 100 !important;
    --v-control-buttons-left: auto;
    --v-control-buttons-right: 0;
    position: static !important;
}
#navigator-toolbox > #titlebar:-moz-locale-dir(rtl) {
    --v-control-buttons-left: 0;
    --v-control-buttons-right: auto;
}
#toolbar-menubar {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
#TabsToolbar {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    box-shadow: 0 -1px 0 var(--tabs-border-color, rgba(0,0,0,.3)) inset !important;
}
#TabsToolbar > #tabbrowser-tabs {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
#TabsToolbar > .toolbar-items {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
#navigator-toolbox::after,
#TabsToolbar::after,
#TabsToolbar .titlebar-spacer[type="pre-tabs"],
#TabsToolbar .titlebar-spacer[type="post-tabs"] {
    display: none !important;
}
toolbar .titlebar-buttonbox-container {
    position: absolute !important;
    display: block;
    top: 0 !important;
    left: var(--v-control-buttons-left) !important;
    right: var(--v-control-buttons-right) !important;
    margin: 0 !important;
    font-size: 0px !important;
}
@media (-moz-windows-compositor), (-moz-os-version: windows-win7) and (-moz-windows-default-theme) {
    #main-window:not([inFullscreen])[tabsintitlebar][sizemode="normal"] toolbar .titlebar-buttonbox-container {
        top: 0px !important;
    }
    #main-window:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] toolbar .titlebar-buttonbox-container {
        top: 8px !important;
    }
}
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="normal"] #nav-bar {
    padding-inline-end: var(--v-control-buttons-width-box) !important;
}
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #nav-bar {
    padding-inline-end: var(--v-control-buttons-width-maximized-box) !important;
}
@media (-moz-windows-classic) {
    #main-window[tabsintitlebar]:-moz-lwtheme #navigator-toolbox::before {
        content: "" !important;
        display: -moz-box !important;
        height: 0px !important;
        -moz-box-ordinal-group: 0 !important;
        visibility: visible !important;
    }
    #main-window:not([inFullscreen])[tabsintitlebar][sizemode="normal"]:-moz-lwtheme #navigator-toolbox::before {
        background-image: linear-gradient(to bottom, ThreeDLightShadow 0, ThreeDLightShadow 1px, ThreeDHighlight 1px, ThreeDHighlight 2px, ActiveBorder 2px, ActiveBorder 4px, transparent 4px) !important;
        height: 4px !important;
    }
    #main-window:not([inFullscreen])[tabsintitlebar][sizemode="normal"] #nav-bar {
        margin-top: 4px !important;
    }
    #main-window:not([inFullscreen])[tabsintitlebar][sizemode="normal"]:-moz-lwtheme #nav-bar {
        margin-top: 0px !important;
    }
    #main-window:not([inFullscreen])[tabsintitlebar] toolbar .titlebar-buttonbox-container {
        top: 4px !important;
    }
}
}


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

Вит пишет:

при уменьшении высоты вкладок-сплющивается крестик

не наблюдаю такого у себя, опять же может стили другие...
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;
}

Отредактировано Vitaliy V. (27-11-2019 23:48:41)

Отсутствует

 

№498422-11-2018 19:01:05

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

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

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

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

Отсутствует

 

№498522-11-2018 19:31:19

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

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

Вит пишет:

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

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

Выделить код

Код:

#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)

Отсутствует

 

№498622-11-2018 19:48:05

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

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

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

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

Отсутствует

 

№498722-11-2018 21:09:50

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

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

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;
}

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

Отсутствует

 

№498822-11-2018 22:10:35

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 578
UA: Firefox 52.0

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

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

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

Отсутствует

 

№498922-11-2018 22:17:58

Dumby
Участник
 
Группа: Members
Зарегистрирован: 12-08-2012
Сообщений: 1019
UA: Firefox 52.0

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

Vitaliy V. пишет:

а что не так

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

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

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

Отсутствует

 

№499022-11-2018 22:30:43

dreamkz
Uchastnik
 
Группа: Members
Зарегистрирован: 04-03-2009
Сообщений: 594
UA: Firefox 63.0

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

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

Отсутствует

 

№499122-11-2018 23:32:47

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

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

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

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

скрин
https://b.radikal.ru/b29/1811/2b/d8ea59b7e034.png

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

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

Выделить код

Код:

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

Отсутствует

 

№499222-11-2018 23:44:30

fIRE3453
Участник
 
Группа: Members
Зарегистрирован: 21-10-2014
Сообщений: 7
UA: Firefox 63.0

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

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

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

Отсутствует

 

№499323-11-2018 01:11:43

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

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

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)

Отсутствует

 

№499423-11-2018 01:36:11

fIRE3453
Участник
 
Группа: Members
Зарегистрирован: 21-10-2014
Сообщений: 7
UA: Firefox 63.0

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

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

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

Отсутствует

 

№499523-11-2018 08:50:27

dreamkz
Uchastnik
 
Группа: Members
Зарегистрирован: 04-03-2009
Сообщений: 594
UA: Firefox 63.0

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

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

скрытый текст
https://fastpic.co/images/css.png

Отсутствует

 

№499623-11-2018 09:31:03

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 578
UA: Firefox 52.0

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

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

Отсутствует

 

№499723-11-2018 11:46:40

drage2
Забанен
 
Группа: Members
Откуда: Донецк
Зарегистрирован: 23-11-2017
Сообщений: 392
UA: Firefox 63.0

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

КАК убрать это стилем? "восстановить пред. сессию"

скрытый текст
<toolbarbutton id="appMenuRestoreLastSession"
                       label="&appMenuHistory.restoreSession.label;"
                       class="subviewbutton subviewbutton-iconic"
                       command="Browser:RestoreLastSession"/>

Отсутствует

 

№499823-11-2018 12:05:28

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

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

drage2 пишет:

КАК убрать это стилем? "восстановить пред. сессию"

скрытый текст
<toolbarbutton id="appMenuRestoreLastSession"
                       label="&appMenuHistory.restoreSession.label;"
                       class="subviewbutton subviewbutton-iconic"
                       command="Browser:RestoreLastSession"/>

Приветстую.

Выделить код

Код:

toolbarbutton#appMenuRestoreLastSession {display: none !important;}

Отсутствует

 

№499923-11-2018 12:29:39

drage2
Забанен
 
Группа: Members
Откуда: Донецк
Зарегистрирован: 23-11-2017
Сообщений: 392
UA: Firefox 63.0

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

Acid Crash
Нет...Это в выпадающем меню , я код , наверное не тот дал

Отсутствует

 

№500023-11-2018 12:58:45

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

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

drage2 пишет:

Acid Crash
Нет...Это в выпадающем меню , я код , наверное не тот дал

Можете на скриншоте показать где оно?

Отсутствует

 

Board footer

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