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

Общайтесь со знакомыми и друзьями в нашей группе в Контакте.

№697625-11-2019 12:24:18

Garalf
Участник
 
Группа: Members
Зарегистрирован: 19-09-2017
Сообщений: 313
UA: Firefox 72.0

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

Vitaliy V.
Решил посмотреть что день грядущий нам готовит. Поставил 72a. Профиль пренес из 70 релиза. Использую ваш стиль "панель вкладок под панелью навигации"
1. Панель навигации оказалась на самом верху, а панель меню под ней, панель вкладок внизу
2. Ваш аддон user_chrome_files работает, но перестали работать компактные стили панелей. Никак не получается изменить ширину/высоту всех панелей.
3. + еще некоторые стили перестали работать
Это у меня косяк или опять что-то поломали?

Отредактировано Garalf (25-11-2019 13:36:11)

Отсутствует

 

№697725-11-2019 13:51:39

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

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

Garalf
1. проще всего удалить пространство имен что я и сделал @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
2. 3. скорее всего тогда и стили заработают

P.S. из vertical_top_bottom_bar.css тоже удалите, позже обновлю user_chrome_files

Отредактировано Vitaliy V. (25-11-2019 14:23:16)

Отсутствует

 

№697825-11-2019 14:26:42

Garalf
Участник
 
Группа: Members
Зарегистрирован: 19-09-2017
Сообщений: 313
UA: Firefox 72.0

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

Vitaliy V.

Vitaliy V. пишет

скорее всего тогда и стили заработают

Благодарю! Так все и случилось.

Отсутствует

 

№697925-11-2019 15:37:19

Garalf
Участник
 
Группа: Members
Зарегистрирован: 19-09-2017
Сообщений: 313
UA: Firefox 72.0

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

Vitaliy V.
Если можно, еще пару вопросов по 72.
1. Как отцентрировать кнопки на панели меню по вертикали. Они стали прижимаються к нижнему краю панели
2. Не работает стиль: сужение подсказок до размеров адресной строки

Отсутствует

 

№698025-11-2019 16:29:33

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

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

Garalf
1. Что-то не получается повторить, какие у вас кнопки там? Или может другие стили мешают.
Стиль этот используете https://forum.mozilla-russia.org/viewto … 45#p766645 ?
Скриншот сделайте
2. Какой стиль, с биндингом? да они отвалятся в 72
см. другой способ там https://forum.mozilla-russia.org/viewto … 86#p774586

Отредактировано Vitaliy V. (25-11-2019 16:38:03)

Отсутствует

 

№698126-11-2019 07:43:28

sibirnik
Участник
 
Группа: Members
Зарегистрирован: 11-08-2016
Сообщений: 63
UA: Firefox 68.0

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

Имеется в 68.2 это работает:

скрытый текст
/* ------  Цвет шрифта в именах папок закладок ------- */
menu.bookmark-item {
color: Blue !important;
/*----------------------Конец----------------------------------*/

Помогите пожалуйста сделать Blue-шрифт в именах папок в боковой панели закладок.
И вторая просьба сделать Green-шрифт(если можно) на именах самих закладок в этих папках на панели закладок, боковой панели и верхнем меню "Закладки"

Отредактировано sibirnik (27-11-2019 02:43:13)

Отсутствует

 

№698226-11-2019 17:38:28

Garalf
Участник
 
Группа: Members
Зарегистрирован: 19-09-2017
Сообщений: 313
UA: Firefox 72.0

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

Vitaliy V.
Есть еще пара вопросов по 72.
1. Перестал работать стиль /*заблокировать разворачивание/сворачивание окна при двойном клике по пустому месту на панели табов и открыть новую вкладку*/. Он с биндингом. Нет ли варианта без оного.
2. Стиль /* Панель поиска вверху слева */

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

Выделить код

Код:

@-moz-document url-prefix("chrome:") {
findbar {
    -moz-box-ordinal-group: 0 !important;
    position: fixed !important;
    right: auto !important;
    left: 20px !important;
    top: auto !important;
    bottom: auto !important;
    margin: -1px 0 0 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    max-width: calc(100% - 20px) !important;
    overflow: hidden !important;
    border: 1px solid var(--toolbox-border-bottom-color, rgba(0,0,0,.25)) !important;
    border-top-width: 0 !important;
    box-shadow: none !important;
    visibility: visible !important;
    transition: none !important;
    z-index: 3 !important;
    border-radius: 0 0 6px 6px !important;
}
findbar > hbox.findbar-container {
    max-width: calc(100% - 22px) !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 2px !important;
}
findbar > hbox.findbar-container > * {
    margin: 0 !important;
}
findbar > hbox.findbar-container > :-moz-any(toolbarbutton,label,description) {
    margin: 1px !important;
}
findbar textbox {
    min-height: 22px !important;
    height: auto !important;
    font-size: 100% !important;
}
findbar > .findbar-closebutton {
    margin: 0 !important;
    padding: 3px !important;
    border: none !important;
    -moz-appearance: none !important;
}
findbar > .findbar-closebutton > .toolbarbutton-icon {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    height: 16px !important;
    width: 16px !important;
}
findbar[hidden="true"],
#main-window[inFullscreen] #navigator-toolbox[style*="margin-top"] ~ #content-deck .browserContainer > findbar {
    visibility: collapse !important;
}
#sidebar-box[positionend="true"][ordinal] ~ #appcontent .browserContainer > findbar:-moz-locale-dir(ltr),
findbar:-moz-locale-dir(rtl) {
    right: auto !important;
    left: 20px !important;
}
#sidebar-box[positionend="true"][ordinal] ~ #appcontent .browserContainer > findbar:-moz-locale-dir(rtl) {
    right: 20px !important;
    left: auto !important;
}
findbar:-moz-locale-dir(ltr) > hbox.findbar-container,
findbar:-moz-locale-dir(rtl) > hbox.findbar-container > *,
#sidebar-box[positionend="true"][ordinal] ~ #appcontent .browserContainer > findbar:-moz-locale-dir(rtl) > hbox.findbar-container {
    direction: rtl !important;
}
findbar:-moz-locale-dir(rtl) > hbox.findbar-container,
findbar:-moz-locale-dir(ltr) > hbox.findbar-container > *,
#sidebar-box[positionend="true"][ordinal] ~ #appcontent .browserContainer > findbar:-moz-locale-dir(ltr) > hbox.findbar-container {
    direction: ltr !important;
}
findbar:not(:-moz-lwtheme) {
    background-color: var(--toolbar-bgcolor, -moz-Dialog) !important;
    background-image: var(--toolbar-bgimage, none) !important;
    color: var(--toolbar-color, -moz-DialogText) !important;
}
findbar > * {
    vertical-align: middle !important;
}

findbar > hbox.findbar-container > .find-status-icon,
findbar .findbar-button > .toolbarbutton-text {
    display: none !important;
}
findbar .findbar-button > .toolbarbutton-icon {
    display: -moz-box !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    height: 16px !important;
    width: 16px !important;
}
findbar .findbar-button {
    -moz-appearance: none !important;
    padding: 3px 6px !important;
    border: none !important;
    background: none !important;
    box-shadow: none !important;
}
findbar .findbar-button:not(:-moz-any([checked="true"],[disabled="true"])):hover {
    border-image-source: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4'><polygon points='0.5,0.5 3.5,0.5 3.5,3.5 0.5,3.5' style='fill:Highlight;fill-opacity:0.15;stroke:Highlight;stroke-width:0.9px;stroke-opacity:0.6'/></svg>") !important;
    border-image-repeat: stretch !important;
    border-image-slice: 1 fill !important;
    border-image-width: 1px !important;
}
findbar .findbar-button:not([disabled="true"]):-moz-any([checked="true"],:hover:active) {
    border-image-source: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4'><polygon points='0.5,0.5 3.5,0.5 3.5,3.5 0.5,3.5' style='fill:Highlight;fill-opacity:0.3;stroke:Highlight;stroke-width:0.9px;stroke-opacity:0.4'/></svg>") !important;
    border-image-repeat: stretch !important;
    border-image-slice: 1 fill !important;
    border-image-width: 1px !important;
}
findbar .findbar-highlight {
    list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><g><path d='M 0,15 V 1 C 0,0.4 0.4,0 1,0 H 15 C 15.6,0 16,0.4 16,1 V 15 C 16,15.6 15.6,16 15,16 H 1 C 0.4,16 0,15.6 0,15 Z' style='fill:rgb(0,120,173);fill-opacity:1;' /><path style='opacity:0.25;fill:black;' d='M 10.1,2.9 16,8.8 V 6 L 13,3 Z M 9.7,3.26 8.92,4 16,11.1 V 9.6 Z M 8.48,4.47 3.7,9.65 2.17,13.9 4.3,16 H 15.1 C 15.6,16 16,15.6 16,15 V 12 Z'/><path style='fill:white;' d='M 10.7,2.3 10.1,2.9 13.1,5.9 13.7,5.3 C 14.2,4.8 14,4 13.5,3.5 L 12.5,2.5 C 12,2 11.2,1.79 10.7,2.3 Z M 9.7,3.26 8.92,4 12,7.03 12.7,6.3 Z M 8.48,4.47 3.87,9.04 3.27,9.53 3.18,9.69 2.03,13.3 C 1.96,13.5 2.02,13.7 2.17,13.9 2.29,14 2.45,14.1 2.6,14 L 6.23,12.8 6.35,12.7 6.89,12.1 11.5,7.49 Z M 3.96,10.3 C 4.01,10.3 4.06,10.3 4.08,10.4 L 4.35,10.7 5.34,10.6 C 5.38,10.6 5.41,10.7 5.43,10.7 H 5.48 L 5.43,11.8 5.64,11.9 C 5.7,12 5.68,12.2 5.58,12.2 L 3.84,12.6 H 3.72 L 3.39,12.2 C 3.35,12.2 3.33,12.2 3.36,12.1 L 3.87,10.4 C 3.89,10.4 3.92,10.3 3.96,10.3 Z' /></g></svg>") !important;
    -moz-image-region: auto !important;
}
findbar .findbar-case-sensitive {
    list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><g><path d='M 0,15 V 1 C 0,0.4 0.4,0 1,0 H 15 C 15.6,0 16,0.4 16,1 V 15 C 16,15.6 15.6,16 15,16 H 1 C 0.4,16 0,15.6 0,15 Z' style='fill:rgb(0,120,173);fill-opacity:1;' /><path style='opacity:0.25;fill:black;' d='M 5,16 1,12 3.8,4 H 6.1 L 11.1,9 H 11.4 L 9.9,7.5 12,6.44 14.6,6.7 16,8.1 V 15 C 16,15.6 15.6,16 15,16 Z'/><path style='fill:white;' d='M 3.8,4 1,12 H 2.9 L 3.42,10.4 H 6.44 L 7,12 H 8.9 L 6.11,4 H 3.8 M 12.1,5.83 C 11.7,5.83 11.4,5.83 11,5.9 10.7,5.96 10.3,6.03 9.88,6.12 V 7.54 C 10.2,7.39 10.5,7.28 10.8,7.22 11.1,7.13 11.4,7.1 11.7,7.1 12.3,7.1 12.6,7.16 12.9,7.3 13.1,7.43 13.2,7.65 13.2,7.94 V 8.1 H 12.1 C 11.2,8.1 10.5,8.25 10.1,8.59 9.6,8.89 9.36,9.41 9.36,10 9.36,10.7 9.52,11.1 9.88,11.5 10.4,11.9 10.8,12 11.3,12 11.7,12 12,12 12.4,11.8 12.7,11.6 13,11.3 13.2,11 V 12 H 15 V 8.51 C 15,7.54 14.8,6.88 14.4,6.45 14,6.03 13.1,5.83 12.1,5.83 M 4.93,5.83 5.96,8.98 H 3.93 L 4.93,5.83 M 12.2,9.22 H 13.2 V 9.41 C 13.2,9.8 13.1,10.2 12.9,10.4 12.6,10.7 12.3,10.8 12,10.8 11.7,10.8 11.5,10.7 11.4,10.6 11.3,10.4 11.2,10.2 11.2,9.94 11.2,9.74 11.3,9.54 11.4,9.41 11.6,9.32 11.9,9.22 12.2,9.22' /></g></svg>") !important;
    -moz-image-region: auto !important;
}
findbar .findbar-entire-word {
    list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><g><path d='M 0,15 V 1 C 0,0.4 0.4,0 1,0 H 15 C 15.6,0 16,0.4 16,1 V 15 C 16,15.6 15.6,16 15,16 H 1 C 0.4,16 0,15.6 0,15 Z' style='fill:rgb(0,120,173);fill-opacity:1;' /><path style='opacity:0.25;fill:black;' d='M 8,16 4,12 3,4 6,7 9,4 12,7 15,4 16,5 V 15 C 16,15.6 15.6,16 15,16 Z'/><path style='fill:white;' d='M 1,4 4,12 H 6 L 8,6.7 10,12 H 12 L 15,4 H 13 L 11,9.3 9,4 H 7 L 5,9.3 3,4 Z' /></g></svg>") !important;
    -moz-image-region: auto !important;
}
#add-additional-bottom-closebutton {
    display: none !important;
}


стал работать криво. Панель поиска располагается не слева, а справа и занимает всю строку.

Отредактировано Garalf (26-11-2019 17:41:21)

Отсутствует

 

№698326-11-2019 18:05:50

tagnupip
Участник
 
Группа: Members
Зарегистрирован: 05-12-2018
Сообщений: 54
UA: Firefox 71.0

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

можно позаимствовать код, вкладки под адресной строкой ( firefox 71)? заранее спасибо

Отредактировано tagnupip (26-11-2019 18:06:36)

Отсутствует

 

№698426-11-2019 19:55:03

Garalf
Участник
 
Группа: Members
Зарегистрирован: 19-09-2017
Сообщений: 313
UA: Firefox 72.0

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

tagnupip
код: вкладки под адресной строкой

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

Выделить код

Код:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

@-moz-document url("chrome://browser/content/browser.xhtml") {
#main-window:not([inFullscreen]) #navigator-toolbox {
    position: relative !important;
    --v-toolbar-button-inner-padding: var(--toolbarbutton-inner-padding, 6px);
    --v-toolbar-button-inner-padding: 3px;
}
#main-window:not([inFullscreen]) #navigator-toolbox > toolbar {
    -moz-box-ordinal-group: 10 !important;
}
#main-window:not([inFullscreen]) #navigator-toolbox > #nav-bar {
    margin-top: calc(2 * var(--v-toolbar-button-inner-padding) + 16px) !important;
    margin-bottom: 0 !important;
    box-shadow: none !important;
    -moz-box-ordinal-group: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
#main-window:not([inFullscreen]) #navigator-toolbox > #PersonalToolbar {
    -moz-box-ordinal-group: 1 !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;
}
#main-window:not([inFullscreen]) #navigator-toolbox::after,
#main-window:not([inFullscreen]) #TabsToolbar::after {
    display: none !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    border: none !important;
    background: none !important;
    box-sizing: content-box !important;
    min-height: 0 !important;
    height: calc(2 * var(--v-toolbar-button-inner-padding) + 16px) !important;
    overflow: hidden !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > :-moz-any(toolbaritem,toolbarbutton) {
    align-self: center !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > :-moz-any(#menubar-items,#wrapper-menubar-items,.titlebar-buttonbox-container) {
    align-self: flex-start !important;
}
#main-window[inFullscreen] #toolbar-menubar {
    visibility: collapse !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > * {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar[autohide="true"][inactive="true"]:not([customizing="true"]) > * {
    opacity: 0 !important;
    pointer-events: none !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > * > * {
    vertical-align: middle;
}
#main-window:not([inFullscreen]) #toolbar-menubar > #menubar-items > * {
    vertical-align: top;
}
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
    position: absolute !important;
    top: 0px !important;
    left: var(--v-control-buttons-left) !important;
    right: var(--v-control-buttons-right) !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0px !important;
}
@media (-moz-windows-classic) {
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar,
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
    padding-top: 4px !important;
}
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] {
    min-height: 4px !important;
}
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="normal"]:-moz-lwtheme #toolbar-menubar {
    background-image: linear-gradient(to bottom, ThreeDLightShadow 0, ThreeDLightShadow 1px, ThreeDHighlight 1px, ThreeDHighlight 2px, ActiveBorder 2px, ActiveBorder 4px, transparent 4px) !important;
}
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="normal"] #nav-bar {
    margin-top: calc(2 * var(--v-toolbar-button-inner-padding) + 20px) !important;
}
}
@media (-moz-windows-compositor), (-moz-os-version: windows-win7) and (-moz-windows-default-theme) {
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #toolbar-menubar,
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
    padding-top: 8px !important;
}
}
#main-window:not([inFullscreen]) #toolbar-menubar > *[ordinal="1000"],
#main-window:not([inFullscreen]) #toolbar-menubar > .titlebar-buttonbox-container {
    order: 1000 !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > :-moz-any(toolbarspring,spacer,[id^="wrapper-customizableui-special-spring"]) {
    flex-grow: 1 !important;
}
#main-window:not([inFullscreen]) #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;
    position: static !important;
}
#main-window:not([inFullscreen]) #TabsToolbar #tabbrowser-tabs {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
#main-window:not([inFullscreen]) #TabsToolbar > .toolbar-items {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
#main-window:not([inFullscreen]) #TabsToolbar .tab-background {
    border-top-style: solid !important;
}
#main-window:not([inFullscreen]) #TabsToolbar .titlebar-spacer:-moz-any([type="pre-tabs"],[type="post-tabs"]) {
    display: none !important;
}

Отредактировано Garalf (26-11-2019 19:57:53)

Отсутствует

 

№698526-11-2019 20:37:25

tagnupip
Участник
 
Группа: Members
Зарегистрирован: 05-12-2018
Сообщений: 54
UA: Firefox 71.0

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

Garalf
вроде получилось, но не до конца. (панель меню без самого меню)

скрытый текст
TUET.png

Отредактировано tagnupip (26-11-2019 20:38:27)

Отсутствует

 

№698626-11-2019 21:06:04

shadow_user
Участник
 
Группа: Members
Зарегистрирован: 14-02-2007
Сообщений: 244
UA: Firefox 68.0

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

tagnupip
Вкладки под адресной строкой https://forum.mozilla-russia.org/viewto … 45#p766645 (первый спойлер)

Отредактировано shadow_user (26-11-2019 21:08:27)

Отсутствует

 

№698726-11-2019 21:13:34

tagnupip
Участник
 
Группа: Members
Зарегистрирован: 05-12-2018
Сообщений: 54
UA: Chrome 77.0

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

shadow_userто что работает в 70, в 71 работать не будет. а там описывается ещё более ранняя версия. хочу позаботиться заранее, для бесшовного перехода на следующую версию при обновлении

Отсутствует

 

№698826-11-2019 22:37:16

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

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

tagnupip пишет

то что работает в 70, в 71 работать не будет. а там описывается ещё более ранняя версия.

Не факт. А то что сообщение по ссылке выше было отредактировано автором вчера в 13:45:21, в расчёт не берёте? Правда на 71 не смотрел, но в 72 стиль работает как и раньше работал. Заголовок окна, используемый вами, как видно из скринов, уже не работает с этим стилем в 72. Так что на 72 лучше смотреть, для бесшовного перехода. Сюрпризов ещё похоже много будет для любителей тюнинга. На предыдущей странице есть ссылки на стили другого автора(68+), но с тем же недостатком, как минимум - с панелью меню, при её отключении пропадают только меню и значки, а панель остаётся. И это непоправимо начиная с 65 версии. Для 71, как я понял, стили менять не требуется, и можно смело использовать 68+. Для 72+ тоже там можно найти, при желании.

Снимок 72 nightly с одним стилем по ссылке shadow_user
c785a7bd53c6.png

about:addons 72 nightly, кнопки вкл/откл добавили :D
1e4336cb3b46.png

Отсутствует

 

№698927-11-2019 07:40:46

Garalf
Участник
 
Группа: Members
Зарегистрирован: 19-09-2017
Сообщений: 313
UA: Firefox 72.0

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

Vitaliy V.

Vitaliy V. пишет

Garalf
1. Что-то не получается повторить, какие у вас кнопки там? Или может другие стили мешают.
Стиль этот используете https://forum.mozilla-russia.org/viewto … 45#p766645 ?
Скриншот сделайте

Скриншот https://www.upload.ee/files/10775243/2019-11-27_085539.png.html
Там только указанный вами стиль "вкладки внизу" и CB установлены.
Панель меню очень узкая стала, кнопки не центрируются, наползают на панель навигации.
Другие панели - нормально. В 70 и 71 таких проблем не возникало.

Отредактировано Garalf (27-11-2019 18:19:10)

Отсутствует

 

№699027-11-2019 18:18:26

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

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

Garalf пишет

стиль /*заблокировать разворачивание/сворачивание окна при двойном клике по пустому месту на панели табов ... Он с биндингом. Нет ли варианта без оного.

Стилем можно заблокировать вместе с перетаскиванием

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

Выделить код

Код:

#TabsToolbar {
    -moz-window-dragging: no-drag !important;
}


для остального нужен скрипт, если нужен можно перенести тот биндинг в custom_script_win.js ?

Garalf пишет

Стиль /* Панель поиска вверху слева */

https://forum.mozilla-russia.org/viewto … 86#p782586

sandro79 пишет

но с тем же недостатком, как минимум - с панелью меню, при её отключении пропадают только меню и значки, а панель остаётся. И это непоправимо начиная с 65 версии

Тут есть как минимум два варианта:
переносить панель вкладок с position: fixed, absolute и тогда невозможно будет применить стиль для вкладок в несколько строк
или я выкладывал уже стиль https://forum.mozilla-russia.org/viewto … 63#p763863
там нет этих всех недостатков но панель меню тоже ниже, подойдет тем кто редко пользуется панелью меню

Garalf пишет

Там только указанный вами стиль "вкладки внизу"

Нет там мой старый и правленный стиль который вы выложили выше
например это

скрытый текст
#main-window:not([inFullscreen]) #navigator-toolbox {
    position: relative !important;
    --v-toolbar-button-inner-padding: var(--toolbarbutton-inner-padding, 6px);
    --v-toolbar-button-inner-padding: 3px;
}

также с ошибкой синтаксиса, когда скобка открывается @-moz-document url-prefix("chrome://browser/content/browser.x") {
она должна где-то закрываться...

Отредактировано Vitaliy V. (09-07-2020 01:38:56)

Отсутствует

 

№699127-11-2019 18:24:55

Garalf
Участник
 
Группа: Members
Зарегистрирован: 19-09-2017
Сообщений: 313
UA: Firefox 72.0

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

Vitaliy V.
У меня вот такой код в userChrome.css

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

Выделить код

Код:

@-moz-document url-prefix("chrome://browser/content/browser.x") {
#main-window:not([inFullscreen]) #navigator-toolbox {
    position: relative !important;
    --v-toolbar-button-inner-padding: var(--toolbarbutton-inner-padding, 6px);
    --v-toolbar-button-inner-padding: 6px;
}
#main-window:not([inFullscreen]) #navigator-toolbox > toolbar {
    -moz-box-ordinal-group: 10 !important;
}
#main-window:not([inFullscreen]) #navigator-toolbox > #nav-bar {
    margin-top: calc(2 * var(--v-toolbar-button-inner-padding) + 16px) !important;
    margin-bottom: 0 !important;
    box-shadow: none !important;
    -moz-box-ordinal-group: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
#main-window:not([inFullscreen]) #navigator-toolbox > #PersonalToolbar {
    -moz-box-ordinal-group: 1 !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;
}
#main-window:not([inFullscreen]) #toolbar-menubar {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    border: none !important;
    background: none !important;
    box-sizing: content-box !important;
    min-height: 0 !important;
    height: calc(2 * var(--v-toolbar-button-inner-padding) + 16px) !important;
    overflow: hidden !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > .toolbaritem-combined-buttons {
    display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > :-moz-any(toolbaritem,toolbarbutton),
#main-window:not([inFullscreen]) #toolbar-menubar > .toolbaritem-combined-buttons > * {
    align-self: center !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > .toolbaritem-combined-buttons > * > * {
    vertical-align: middle !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > :-moz-any(#menubar-items,#wrapper-menubar-items,.titlebar-buttonbox-container) {
    align-self: flex-start !important;
}
#main-window[inFullscreen] #toolbar-menubar {
    visibility: collapse !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > * {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar[autohide="true"][inactive="true"]:not([customizing="true"]) > *:not(.titlebar-buttonbox-container) {
    visibility: hidden !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > * > * {
    vertical-align: middle;
}
#main-window:not([inFullscreen]) #toolbar-menubar > #menubar-items > * {
    vertical-align: top;
}
@media (-moz-windows-classic) {
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar {
    padding-top: 4px !important;
}
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] {
    min-height: 4px !important;
}
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="normal"]:-moz-lwtheme #toolbar-menubar {
    background-image: linear-gradient(to bottom, ThreeDLightShadow 0, ThreeDLightShadow 1px, ThreeDHighlight 1px, ThreeDHighlight 2px, ActiveBorder 2px, ActiveBorder 4px, transparent 4px) !important;
}
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="normal"] #nav-bar {
    margin-top: calc(2 * var(--v-toolbar-button-inner-padding) + 20px) !important;
}
}
@media (-moz-windows-compositor), (-moz-os-version: windows-win7) and (-moz-windows-default-theme) {
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #toolbar-menubar {
    padding-top: 8px !important;
}
}
#main-window:not([inFullscreen]) #toolbar-menubar > *[ordinal="1000"],
#main-window:not([inFullscreen]) #toolbar-menubar > .titlebar-buttonbox-container {
    order: 1000 !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > :-moz-any(toolbarspring,spacer,[id^="wrapper-customizableui-special-spring"]) {
    flex-grow: 1 !important;
}
#main-window:not([inFullscreen]) #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;
    position: static !important;
}
#main-window:not([inFullscreen]) #TabsToolbar #tabbrowser-tabs {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
#main-window:not([inFullscreen]) #TabsToolbar > .toolbar-items {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
#main-window:not([inFullscreen]) #TabsToolbar .tab-background {
    border-top-style: solid !important;
}
#main-window:not([inFullscreen])[tabsintitlebar] #TabsToolbar .titlebar-buttonbox-container,
#main-window:not([inFullscreen]) #navigator-toolbox::after,
#main-window:not([inFullscreen]) #TabsToolbar::after,
#main-window:not([inFullscreen]) #TabsToolbar .titlebar-spacer:-moz-any([type="pre-tabs"],[type="post-tabs"]) {
    display: none !important;
}
}

Отсутствует

 

№699227-11-2019 19:01:26

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

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

Garalf
Если убрать кастомные кнопки, также или нормально?
и убрать --v-toolbar-button-inner-padding: 6px; это не правильно
также вы писали что используете компактные стили панелей...

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

Отсутствует

 

№699327-11-2019 19:23:12

Garalf
Участник
 
Группа: Members
Зарегистрирован: 19-09-2017
Сообщений: 313
UA: Firefox 72.0

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

Vitaliy V.
Вот то что на скрине https://www.upload.ee/files/10775243/2019-11-27_085539.png.html, это на чистом профиле. Только этот стиль и CB установлено. Любая кнопка (кастомная, CB, с add toolbar buttton), когда ее перетаскиваешь на панель меню размещается на нижнем краю панели, чуть ли не залезает на панель адреса, что не очень эстетично выглядит. На рабочем профиле у меня вообще кастомных кнопок нет.
А с --v-toolbar-button-inner-padding: 8px; хоть немного кнопки от края отодвигаются.

А может это как-то с темой винды связано? У меня W8.1, тема аэро.

Отредактировано Garalf (27-11-2019 20:15:21)

Отсутствует

 

№699427-11-2019 20:26:47

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

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

Garalf пишет

А может это как-то с темой винды связано? У меня W8.1, тема аэро.

Да может, пока не знаю как, проверить не на чем
на [windows] 10 норм

скрытый текст
2019-11-27_200010.png

на 7 sandro79 выкладывал скрин тоже норм
и на [linux] тоже

Отредактировано Vitaliy V. (27-11-2019 20:28:04)

Отсутствует

 

№699527-11-2019 20:37:48

Garalf
Участник
 
Группа: Members
Зарегистрирован: 19-09-2017
Сообщений: 313
UA: Firefox 72.0

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

Значит, скорее всего, это глюк темы.

Отсутствует

 

№699627-11-2019 20:53:58

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

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

Garalf
Может и не тема, по какой то причине у вас не правильно работает отступ для панели навигации
#main-window:not([inFullscreen]) #navigator-toolbox > #nav-bar {
    margin-top: calc(2 * var(--v-toolbar-button-inner-padding) + 16px) !important;
    margin-bottom: 0 !important;
    box-shadow: none !important;
    -moz-box-ordinal-group: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
попробуйте указать без calc например margin-top: 28px !important;
или больше

Отсутствует

 

№699727-11-2019 21:41:40

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

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

Vitaliy V. пишет: Тут есть как минимум два варианта:

Да, вспомнил, это был самый ранний вариант для 65+.

Vitaliy V. пишет: на 7 sandro79 выкладывал скрин тоже норм

Виталий, да у меня на 7 тоже оказалось, при развороте окна во весь экран, панель меню со всеми кнопками тоже уходят вниз, или панель навигации вверх, не совсем понял. Просто практически не пользуюсь окном во весь экран, и не обратил внимание. Ниже четыре снимка настроенной портативной [nightly] и [nightly] с чистым профилем, и обе только с одним тем же самым стилем вкладок под адр. строкой. Ну для меня это не столь важно, уже смирился с панелью вкладок вверху. Но всё же есть такое дело. Смена неподписанной темы [windows] на встроенную ничего не меняет.

скрытый текст
8a40092410e7.png
74ef25c7243b.png
c9a5f4328f28.png
21397c1526e0.png

Vitaliy V. пишет: попробуйте указать без calc например margin-top: 28px !important; или больше

Да, 30 или 32 уже получше.

Отсутствует

 

№699827-11-2019 22:23:16

Garalf
Участник
 
Группа: Members
Зарегистрирован: 19-09-2017
Сообщений: 313
UA: Firefox 72.0

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

Vitaliy V.
Спасибо! Помогло

sandro79
38 решило вопрос)

Отредактировано Garalf (27-11-2019 23:00:48)

Отсутствует

 

№699927-11-2019 23:31:14

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

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

sandro79 пишет

Просто практически не пользуюсь окном во весь экран, и не обратил внимание

Не вы один, похоже я совсем обленился :)

Короче разобрался там просто добавили box перед #navigator-toolbox
и такой код #main-window:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] > #navigator-toolbox
не работал из-за >

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

Отсутствует

 

№700027-11-2019 23:32:34

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

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

Vitaliy V. пишет

или я выкладывал уже стиль https://forum.mozilla-russia.org/viewto … 63#p763863
там нет этих всех недостатков но панель меню тоже ниже, подойдет тем кто редко пользуется панелью меню

Не любитель вкладок под панелью навигации, но такой вариант мне нравится, забрал как дополнительный вариант :beer:

Отредактировано kokoss (27-11-2019 23:33:45)


Win7

Отсутствует

 

Board footer

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