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

Будьте в курсе последних изменений в мире Mozilla, следя за нашим микроблогом в Twitter.

№645111-09-2019 15:10:45

ofizer
Участник
 
Группа: Members
Зарегистрирован: 17-08-2013
Сообщений: 310
UA: Firefox 69.0

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

Vitaliy V.
Виталий, прошу прощения, если вопрос уже поднимался, но не было возможности следить за новостями. Возможно ли вернуть строку поиска, сделав ее соразмерной адресной?

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

Мой стиль от Вас для посковых строк:
скрытый текст

Выделить код

Код:

/* Уменьшаем высоту адресной и поисковой строки */
#main-window:not([uidensity="touch"]) :-moz-any(#urlbar,.searchbar-textbox) {
    min-height: 28px !important;
    margin: 6px !important;
    --urlbar-icon-padding: 4px !important;
}

#main-window:not([uidensity="touch"]) #urlbar .urlbar-icon {
    width: 24px !important;
    height: 24px !important;
}

#main-window:not([uidensity="touch"]) #pageActionSeparator {
    height: 24px !important;
}


Сам сейчас не осилю - проблемы. Спасибо.

Отредактировано ofizer (11-09-2019 15:11:59)

Отсутствует

 

№645211-09-2019 17:27:57

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

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

ofizer

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

Выделить код

Код:

#main-window:not([uidensity="touch"]) :-moz-any(#urlbar,#searchbar) {
    min-height: 26px !important;
    margin: 4px !important;
    --urlbar-icon-padding: 4px !important;
}

#main-window:not([uidensity="touch"]) :-moz-any(#urlbar,#searchbar) .urlbar-icon {
    width: calc(2 * var(--urlbar-icon-padding) + 16px) !important;
    height: calc(2 * var(--urlbar-icon-padding) + 16px) !important;
    padding: var(--urlbar-icon-padding) !important;
}

#main-window:not([uidensity="touch"]) #pageActionSeparator {
    height: calc(2 * var(--urlbar-icon-padding) + 16px) !important;
}

Отсутствует

 

№645311-09-2019 18:36:15

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

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

Vitaliy V.
На 70b у меня перестал работать код сужение подсказок до размеров адресной строки

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

Выделить код

Код:

#urlbar > .urlbar-history-dropmarker {
    -moz-binding: url("data:text/xml;charset=utf-8,<bindings xmlns='http://www.mozilla.org/xbl'><binding id='openPanel'><implementation><constructor><![CDATA[ var { UrlbarView } = ChromeUtils.import('resource:///modules/UrlbarView.jsm'); if ('old_openPanel' in UrlbarView.prototype) return; var sandbox = Cu.Sandbox(Cu.getObjectPrincipal(UrlbarView.prototype), {}); sandbox.UrlbarView = UrlbarView; Cu.evalInSandbox(` Object.defineProperty(UrlbarView.prototype, 'old_openPanel', { get() { return true; }, enumerable: false }); var openPanel = { _openPanel() { if (this.isOpen) return; this.controller.userSelectionBehavior = 'none'; this.panel.removeAttribute('hidden'); this.panel.removeAttribute('actionoverride'); let inputRect = this._getBoundsWithoutFlushing(this.input.textbox); let width = (inputRect.right - inputRect.left).toFixed(2); this.panel.setAttribute('width', width); this._mainContainer.style.maxWidth = width + 'px'; this.panel.openPopup(this.input.textbox, 'after_start'); } }; Object.defineProperty(UrlbarView.prototype, '_openPanel', { value: openPanel._openPanel, enumerable: false }); `, sandbox); ]]></constructor></implementation></binding></bindings>#openPanel") !important;
}


Все поисковые плагины расположились в одной строке
Можете проверить так ли это?

Отредактировано Garalf (11-09-2019 18:36:46)

Отсутствует

 

№645411-09-2019 18:58:19

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

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

Отсутствует

 

№645511-09-2019 19:39:04

Wic_
Участник
 
Группа: Members
Зарегистрирован: 11-09-2019
Сообщений: 9
UA: Firefox 68.0

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

У меня не получается переместить вкладки под адресную строку несмотря на то, информации на последних страницах много. Что сделал:
1. распаковал архив из поста https://forum.mozilla-russia.org/viewto … 79#p772979
48717222583_3d98c67c24_o.png
2. заменил содержимое userChrome.css

скрытый текст
@-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);
}
#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 > .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 > .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"]) > * {
    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;
}
}

Были еще советы, но я их банально не понял. Вышеперечисленных двух действий недостаточно?
Браузер 68.1.0esr (64-битный), последняя версия из линейки esr. Спасибо.

Отсутствует

 

№645611-09-2019 19:41:38

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

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

Vitaliy V.
Поисковые плагины все равно в одной строке. У меня их штук 30.

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

Отсутствует

 

№645711-09-2019 20:43:34

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

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

Wic_
Если распаковали в созданную в профиле папку chrome, то в userChrome.css  нужно вставить код для 65-68 отсюда из под первого спойлера.
А тот код, что у вас под спойлером для 69+, с заменённым @-moz-document url("chrome://browser/content/browser.xul") на @-moz-document url("chrome://browser/content/browser.xhtml")
В общем: замените обратно browser.xhtml на browser.xul в первой строке для использования в 68. В принципе строку @-moz-document url("chrome://browser/content/browser.xhtml") { можно и удалить и стиль будет работать, но наверное при некоторых условиях использования, возможно при использовании с другими стилями эта строка необходима.
А тот архив использовать в принципе необязательно, если нужно только вкладки под адресную строку переместить.

Отсутствует

 

№645811-09-2019 21:57:21

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

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

sandro79 пишет

В принципе строку @-moz-document url("chrome://browser/content/browser.xhtml") { можно и удалить и стиль будет работать, но наверное при некоторых условиях использования, возможно при использовании с другими стилями эта строка необходима.

В моём userChrome.css стили работают и без этой строки.


Win7

Отсутствует

 

№645911-09-2019 23:27:06

ofizer
Участник
 
Группа: Members
Зарегистрирован: 17-08-2013
Сообщений: 310
UA: Firefox 60.0

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

Vitaliy V.

Очень Вам признателен!

Отредактировано ofizer (11-09-2019 23:36:40)

Отсутствует

 

№646012-09-2019 01:09:12

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

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

Garalf пишет

Поисковые плагины все равно в одной строке. У меня их штук 30.

Ну в ихнем megabar'е тоже в одну строку и их не видно если много
browser.urlbar.megabar - true
пусть сами это исправляют а пока вы можете сделать как то так

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

Выделить код

Код:

#urlbar .search-one-offs {
    display: inline-block !important;
    padding: 5px !important;
}
#urlbar .search-panel-one-offs {
    display: inline-flex !important;
    padding: 0 !important;
}

kokoss пишет

В моём userChrome.css стили работают и без этой строки.

конечно будет работать и без, эта строка не для того чтобы работало а наоборот чтобы не работало в других документах
где не надо

Отсутствует

 

№646112-09-2019 06:37:08

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

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

Vitaliy V.
Спасибо. Теперь все работает.

Отсутствует

 

№646212-09-2019 06:53:48

ofizer
Участник
 
Группа: Members
Зарегистрирован: 17-08-2013
Сообщений: 310
UA: Firefox 69.0

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

Vitaliy V.
Виталий, еще одна просьба, если она выполнима. Возможно ли убрать вот эту штуку:

скрытый текст
9031e784361b.png

Т.е. не "Яндекс" как поисковую систему по умолчанию, а саму строку.
Глаза мозолит - спасу нет и мешает. Спасибо.

Отредактировано ofizer (12-09-2019 10:33:17)

Отсутствует

 

№646312-09-2019 09:52:44

Wic_
Участник
 
Группа: Members
Зарегистрирован: 11-09-2019
Сообщений: 9
UA: Firefox 68.0

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

sandro79
Благодарю за четкую и понятную инструкцию.

Отсутствует

 

№646412-09-2019 14:07:06

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

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

ofizer

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

Выделить код

Код:

@-moz-document url("about:home"), url("about:newtab"), url("about:privatebrowsing") {
.search-inner-wrapper,
.wordmark {
    display: none !important;
}
}


если это нужно только для приватного окна то удалите url("about:home"), url("about:newtab"),
из кода

Отсутствует

 

№646512-09-2019 15:35:13

ofizer
Участник
 
Группа: Members
Зарегистрирован: 17-08-2013
Сообщений: 310
UA: Firefox 69.0

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

Vitaliy V. пишет

ofizer

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

Выделить код

Код:

@-moz-document url("about:home"), url("about:newtab"), url("about:privatebrowsing") {
.search-inner-wrapper,
.wordmark {
    display: none !important;
}
}


если это нужно только для приватного окна то удалите url("about:home"), url("about:newtab"),
из кода

Виталий, она не убирается почему-то. Может, код переместить повыше в userChrome.

Отсутствует

 

№646612-09-2019 16:23:48

shinji2009
Участник
 
Группа: Members
Зарегистрирован: 24-08-2014
Сообщений: 81
UA: Firefox 69.0

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

kokoss да дейстивтельно, спасибо

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

Отсутствует

 

№646712-09-2019 18:05:37

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

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

ofizer
в userContent.css

Отсутствует

 

№646812-09-2019 21:28:00

ofizer
Участник
 
Группа: Members
Зарегистрирован: 17-08-2013
Сообщений: 310
UA: Firefox 69.0

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

Vitaliy V. пишет

ofizer
в userContent.css

Уже понял. Спасибо!

Отсутствует

 

№646913-09-2019 18:38:32

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

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

Подскажите пожалуйста, как скрыть

эти папки
9e053a91b30b.png

в боковой панели [firefox] 69.

Добавлено: Vitaliy, спасибо за sidebar_bm :beer:

Отредактировано kokoss (14-09-2019 16:24:09)


Win7

Отсутствует

 

№647015-09-2019 15:16:31

solombala
Забанен
 
Группа: Members
Зарегистрирован: 20-07-2019
Сообщений: 652
UA: Firefox 69.0

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

Vitaliy V.
В 69 стиль на кнопки эти не того...Кое как это работает, но hover никак

скрытый текст
/* Color for most buttons */
.dialog-button {
  -moz-appearance: none !important;
  border-radius: 3px !important;
  background: #555 !important;
  cursor: pointer !important;
  color: #fff !important;
  padding: 2px !important;}

А было:
скрытый текст
/* Color for most buttons */
dialog button, toolbar[printpreview="true"] button {
  -moz-appearance: none !important;
  border-radius: 3px !important;
  background: #555 !important;
  cursor: pointer !important;
  color: #fff !important;
  padding: 2px !important}

dialog button:hover, toolbar[printpreview="true"] button:hover {
  background: #333 !important;
  color: #00ffff !important}

Отсутствует

 

№647115-09-2019 16:07:28

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

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

solombala пишет

но hover никак

так работает у меня

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

Выделить код

Код:

button.dialog-button {
  -moz-appearance: none !important;
  border: none !important;
  border-radius: 3px !important;
  background: DimGray !important;
  cursor: pointer !important;
  color: White !important;
  padding: 2px !important;
}
button.dialog-button:hover {
  background: Gray !important;
}
button.dialog-button:hover:active {
  background: Black !important;
}

Отредактировано Vitaliy V. (15-09-2019 16:08:01)

Отсутствует

 

№647215-09-2019 16:37:44

solombala
Забанен
 
Группа: Members
Зарегистрирован: 20-07-2019
Сообщений: 652
UA: Firefox 69.0

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

Vitaliy V.
Только первый пункт. Ни hover ни active - не работают в 69...?

Отсутствует

 

№647315-09-2019 19:35:02

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

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

solombala пишет

Ни hover ни active - не работают в 69...?

да не работают это баг в 69, я на 70 проверял

Отсутствует

 

№647416-09-2019 08:09:10

solombala
Забанен
 
Группа: Members
Зарегистрирован: 20-07-2019
Сообщений: 652
UA: Firefox 68.0

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

Vitaliy V.
Это...беспредел.Стоило в нее Flip Close Tab вставлять. Еще и падает кое-где , без мультирежима..
Советуют AGENT_SHEET применить ...?Это реально?

Отредактировано solombala (16-09-2019 13:01:41)

Отсутствует

 

№647517-09-2019 07:50:31

KAISER_nsk
Участник
 
Группа: Members
Зарегистрирован: 17-09-2019
Сообщений: 4
UA: Firefox 69.0

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

В меню "Добавить страницу в закладки" с некоторых пор появилась уменьшенная картинка добавляемой страницы, как её оттуда убрать? Мне она очень мешает и я вообще не понимаю для чего она там нужна.

Отредактировано KAISER_nsk (17-09-2019 07:51:50)

Отсутствует

 

Board footer

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