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

Хотите узнать больше о расширениях? Посмотрите ролики, рассказывающие о работе с расширениями Firefox.

№630119-08-2019 20:35:53

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

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

_zt пишет

Рабочих расширений с подобным функционалом на данный момент нет (или я не нашел), для актуальных версий

Думаю есть нечто подобное, возможно есть и ещё варианты если получше поискать
https://addons.mozilla.org/ru/firefox/a … editables/
https://addons.mozilla.org/ru/firefox/a … t-editing/

А биндинги смысла делать нет когда [firefox] от них избавляется, почти избавился...
Или в теме CB спросите если используете.

Отредактировано Vitaliy V. (19-08-2019 20:36:25)

Отсутствует

 

№630219-08-2019 21:39:40

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

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

Stkvsky
Что касается Скроллбара, если для [firefox] 68, то так.


Win7

Отсутствует

 

№630319-08-2019 22:01:00

Stkvsky
Участник
 
Группа: Members
Зарегистрирован: 26-06-2012
Сообщений: 1700
UA: Firefox 56.0

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

kokoss
Спасибо.
А как много стилей правильно вставить в один userChrome.css?
Я на обычной 56 версии проверяю, копирую все стили в userChrome.css но они не работают.

Добавлено 19-08-2019 22:05:02
Я не могу вашим userChrome.css заменить свой, у меня там тоже нужный стиль
Мне нужно научится совмещать

Отредактировано Stkvsky (19-08-2019 22:05:02)

Отсутствует

 

№630419-08-2019 22:12:49

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

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

Stkvsky пишет

Я на обычной 56 версии проверяю, копирую все стили в userChrome.css но они не работают.

Надо проверять не на [firefox] 56, а на которую собирайтесь перейти?

Отредактировано kokoss (20-08-2019 15:28:32)


Win7

Отсутствует

 

№630519-08-2019 22:25:16

_zt
Участник
 
Группа: Members
Зарегистрирован: 10-11-2014
Сообщений: 1420
UA: Firefox 60.0

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

Vitaliy V.
Insert Template что-то вроде того что нужно.

CB заметно тормозит [firefox] даже без кнопок. И учитывая, что большинство кнопок требует однопроцессорный режим, а большинство старых кнопок не работает... В общем, CB сейчас только для тех, кто сам способен исправлять кнопки.

Отсутствует

 

№630619-08-2019 22:29:38

Stkvsky
Участник
 
Группа: Members
Зарегистрирован: 26-06-2012
Сообщений: 1700
UA: Firefox 56.0

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

kokoss пишет

Надо проверять не на [firefox] 56, а на которую собирайтесь перейти?

я хочу понять как правильно вставлять несколько стилей в userChrome.css
И со Stilyshа перенести все в userChrome.css

Отредактировано Stkvsky (20-08-2019 01:34:17)

Отсутствует

 

№630720-08-2019 02:29:44

Stkvsky
Участник
 
Группа: Members
Зарегистрирован: 26-06-2012
Сообщений: 1700
UA: Firefox 56.0

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

Ясно короче, а я то думаю в чем дело
Вставляю в userChrome.css стиль изменяющий цвет скролл бара, а он не работает
В стилише работает а в userChrome.css нет
Получается не все стили можно перенести в userChrome.css?

Отсутствует

 

№630820-08-2019 03:16:22

Stkvsky
Участник
 
Группа: Members
Зарегистрирован: 26-06-2012
Сообщений: 1700
UA: Firefox 56.0

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

В общем разобрался, все стили которые не работают в userChrome.css
Нужно добавлять в файл scrollbars.as.css (стиль изменения скролбара)
Этот файл который идет в пакете изменения скролбара который скинули выше.

Отредактировано Stkvsky (20-08-2019 03:16:35)

Отсутствует

 

№630920-08-2019 06:01:28

Stkvsky
Участник
 
Группа: Members
Зарегистрирован: 26-06-2012
Сообщений: 1700
UA: Firefox 56.0

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

А поповоду стилей для сайтов
создаете в папке сhrome (там где лежит файл userChrome.css)
текстовый файл с форматом *.css
и закидываете в него стиль для сайта
можно на каждый стиль отдельный файл создавать (можно все в один запихнуть)

Отсутствует

 

№631020-08-2019 07:11:58

tt74
Участник
 
Группа: Members
Зарегистрирован: 21-07-2019
Сообщений: 4
UA: Firefox 60.0

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

_zt пишет

tt74
Вот посмотрите может подойдет...

Спасибо!! Убрал крестик у вкладок, появляется только при наведении на вкладку

скрытый текст
pNQohZA90a.jpg

Еще бы убрать отступ вначале (перед иконкой вкладки) как у Вас
Upd.: Убрал вот этим кодом
скрытый текст

Выделить код

Код:

.tab .twisty {
  margin-right: -2em;
  opacity: 0;
  position: relative;
  z-index: 10000;}

aJ8yI1Vv1i.jpg

Отредактировано tt74 (20-08-2019 09:48:37)

Отсутствует

 

№631120-08-2019 12:10:22

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

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

Как задать размер сепаратора  .urlbarView-title-separator ?

Отсутствует

 

№631220-08-2019 14:56:22

_zt
Участник
 
Группа: Members
Зарегистрирован: 10-11-2014
Сообщений: 1420
UA: Firefox 60.0

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

tt74
Код который я давал выше у меня в userChrome.css используется и он не для вкладок, а для заголовков всех боковых панелей.

Отсутствует

 

№631320-08-2019 20:26:27

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

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

Vitaliy V.
Приветствую!
Долгое время пользуюсь вашим стилем для скрытия панели закладок (левый сайдбар) по клику, но вот в 69 версии он перестал работать.
Помогите пожалуйста.

скрытый текст
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

@-moz-document url("chrome://browser/content/browser.xul") {
#sidebar-box {
    --v-sidebar-min-width: 1px;
    --v-sidebar-min-width-normal: 2px;
    --v-sidebar-max-width: 20em;
    --v-sidebar-transition-delay-show: .2s;
    --v-sidebar-transition-delay-hide: .0s;
    --v-sidebar-transition-duration: .0s;
    /* ********************************************** */

    position: relative !important;
    z-index: 2 !important;
    min-width: var(--v-sidebar-max-width) !important;
    width: var(--v-sidebar-max-width) !important;
    max-width: var(--v-sidebar-max-width) !important;
    overflow: hidden !important;
    opacity: 0 !important;
    --v-sidebar-margin-max-width: calc(-1 * var(--v-sidebar-max-width));
    --v-sidebar-margin-left-locale-dir: 0;
    --v-sidebar-margin-right-locale-dir: var(--v-sidebar-margin-max-width);
    --v-sidebar-transform-locale-dir: -1;
    margin-left: var(--v-sidebar-margin-left-locale-dir) !important;
    margin-right: var(--v-sidebar-margin-right-locale-dir) !important;
    transform: translateX(calc(var(--v-sidebar-transform-locale-dir) * (var(--v-sidebar-max-width) - var(--v-sidebar-min-width)))) !important;
    transition-timing-function: linear, step-start !important;
    transition-delay: var(--v-sidebar-transition-delay-hide), calc(var(--v-sidebar-transition-delay-hide) + var(--v-sidebar-transition-duration)) !important;
    transition-duration: var(--v-sidebar-transition-duration), 0s !important;
    transition-property: transform, opacity !important;
    -moz-binding: url("data:text/xml;charset=utf-8,<bindings xmlns='http://www.mozilla.org/xbl'><binding id='sidebar'><implementation><field name='listener'>false;</field><field name='timer'>null;</field><field name='delay'>null;</field><method name='handleEvent'><parameter name='event'/><body><![CDATA[ var boxObj = this.boxObject; if (event.screenY < boxObj.screenY || event.screenY  > boxObj.screenY + boxObj.height || event.screenX < boxObj.screenX  || event.screenX > boxObj.screenX + boxObj.width) { window.removeEventListener('click', this, false); this.listener = false; if (this.hasAttribute('sidebardrag')) this.removeAttribute('sidebardrag'); } ]]></body></method></implementation><handlers><handler event='mouseenter'><![CDATA[ if (!this.hasAttribute('sidebardrag') && !this.listener) { clearTimeout(this.timer); var delay = this.delay || (this.delay = +getComputedStyle(this).getPropertyValue('transition-delay').replace(/[^0-9\.]/g, '') * 1000); this.timer = setTimeout(() => { this.setAttribute('sidebardrag', 'true'); this.listener = true; window.addEventListener('click', this, false); }, delay); } ]]></handler><handler event='mouseleave'><![CDATA[ clearTimeout(this.timer); ]]></handler><handler event='dragenter'><![CDATA[ if (!this.hasAttribute('sidebardrag')) this.setAttribute('sidebardrag', 'true'); ]]></handler><handler event='drop'><![CDATA[ if (!this.listener && this.hasAttribute('sidebardrag')) this.removeAttribute('sidebardrag'); ]]></handler><handler event='dragexit'><![CDATA[ var boxObj = this.boxObject; if (!this.listener && (!event.relatedTarget || event.screenY <= (boxObj.screenY + 5) || event.screenY  >= (boxObj.screenY + boxObj.height - 5) || event.screenX <= (boxObj.screenX + 5) || event.screenX >= (boxObj.screenX + boxObj.width - 5)) && this.hasAttribute('sidebardrag')) this.removeAttribute('sidebardrag'); ]]></handler></handlers></binding></bindings>#sidebar") !important;
}

#sidebar-box[ordinal][positionend="true"],
#sidebar-box:-moz-locale-dir(rtl) {
    --v-sidebar-margin-left-locale-dir: var(--v-sidebar-margin-max-width);
    --v-sidebar-margin-right-locale-dir: 0;
    --v-sidebar-transform-locale-dir: 1;
}

#sidebar-box[ordinal][positionend="true"]:-moz-locale-dir(rtl) {
    --v-sidebar-margin-left-locale-dir: 0;
    --v-sidebar-margin-right-locale-dir: var(--v-sidebar-margin-max-width);
    --v-sidebar-transform-locale-dir: -1;
}

#main-window[sizemode="normal"] #sidebar-box {
    --v-sidebar-min-width: var(--v-sidebar-min-width-normal) !important;
}

#browser > *:not(#appcontent):hover ~ #sidebar-box[ordinal]:not([positionend="true"]),
#sidebar-box:hover,
#sidebar-box[sidebardrag] {
    transform: translateX(0) !important;
    opacity: 1 !important;
    transition-delay: var(--v-sidebar-transition-delay-show) !important;
}

#main-window #browser > #sidebar-splitter {
    -moz-appearance: none !important;
    visibility: collapse !important;
    padding: 0 !important;
    border: none !important;
    width: 0 !important;
}

#sidebar-box > #sidebar {
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    -moz-box-flex: 1 !important;
}
}


PS: кстати тут на форуме он исчез куда-то

Отсутствует

 

№631420-08-2019 21:21:40

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

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

vassemm пишет

кстати тут на форуме он исчез куда-то

Да нет там где и был https://forum.mozilla-russia.org/viewto … 19#p721919

Отредактировано Vitaliy V. (20-08-2019 21:26:55)

Отсутствует

 

№631520-08-2019 21:26:45

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

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

Vitaliy V. пишет

там где и был

Так этот я видел.
Это по таймауту, а мне нужен по клику

Отсутствует

 

№631620-08-2019 21:29:09

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

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

vassemm
или нет замените @-moz-document url("chrome://browser/content/browser.xul") {
на @-moz-document url-prefix("chrome://browser/content/browser.x") {
в своем коде

Отредактировано Vitaliy V. (20-08-2019 21:31:55)

Отсутствует

 

№631720-08-2019 21:37:54

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

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

Тогда один раз выезжает и все.
Не убирается :(

Отсутствует

 

№631820-08-2019 21:46:16

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

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

vassemm пишет

Не убирается

по клику же должен убираться у меня работает

Отсутствует

 

№631920-08-2019 21:49:23

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

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

Еще раз проверил.
Не убирается.
Профиль чистый. В userChrome.css нет ничего кроме этого кода
ff 69.0b13 (64-bit) Win 7

Вот еще сейчас b15 накатил. Не убирается.
Выкатывается планенько и висит.
Хоть обкликайся.

Отредактировано vassemm (20-08-2019 22:04:23)

Отсутствует

 

№632021-08-2019 01:37:41

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

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

vassemm
да вы правы виноват невнимательно прочел и проверял на [firefox] 68

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

Выделить код

Код:

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

@-moz-document url-prefix("chrome://browser/content/browser.x") {
#sidebar-box {
    --v-sidebar-min-width: 1px;
    --v-sidebar-min-width-normal: 2px;
    --v-sidebar-max-width: 20em;
    --v-sidebar-transition-delay-show: .2s;
    --v-sidebar-transition-delay-hide: .0s;
    --v-sidebar-transition-duration: .0s;
    /* ********************************************** */

    position: relative !important;
    z-index: 2 !important;
    min-width: var(--v-sidebar-max-width) !important;
    width: var(--v-sidebar-max-width) !important;
    max-width: var(--v-sidebar-max-width) !important;
    overflow: hidden !important;
    opacity: 0 !important;
    --v-sidebar-margin-max-width: calc(-1 * var(--v-sidebar-max-width));
    --v-sidebar-margin-left-locale-dir: 0;
    --v-sidebar-margin-right-locale-dir: var(--v-sidebar-margin-max-width);
    --v-sidebar-transform-locale-dir: -1;
    margin-left: var(--v-sidebar-margin-left-locale-dir) !important;
    margin-right: var(--v-sidebar-margin-right-locale-dir) !important;
    transform: translateX(calc(var(--v-sidebar-transform-locale-dir) * (var(--v-sidebar-max-width) - var(--v-sidebar-min-width)))) !important;
    transition-timing-function: linear, step-start !important;
    transition-delay: var(--v-sidebar-transition-delay-hide), calc(var(--v-sidebar-transition-delay-hide) + var(--v-sidebar-transition-duration)) !important;
    transition-duration: var(--v-sidebar-transition-duration), 0s !important;
    transition-property: transform, opacity !important;
    -moz-binding: url("data:text/xml;charset=utf-8,<bindings xmlns='http://www.mozilla.org/xbl'><binding id='sidebar'><implementation><field name='listener'>false;</field><field name='timer'>null;</field><field name='delay'>null;</field><method name='handleEvent'><parameter name='event'/><body><![CDATA[ var boxObj = this.getBoundingClientRect(), boxScrn = !this.boxObject ? this : this.boxObject; if (event.screenY < boxScrn.screenY || event.screenY  > boxScrn.screenY + boxObj.height || event.screenX < boxScrn.screenX  || event.screenX > boxScrn.screenX + boxObj.width) { window.removeEventListener('click', this, false); this.listener = false; if (this.hasAttribute('sidebardrag')) this.removeAttribute('sidebardrag'); } ]]></body></method></implementation><handlers><handler event='mouseenter'><![CDATA[ if (!this.hasAttribute('sidebardrag') && !this.listener) { clearTimeout(this.timer); var delay = this.delay || (this.delay = +getComputedStyle(this).getPropertyValue('transition-delay').replace(/[^0-9\.]/g, '') * 1000); this.timer = setTimeout(() => { this.setAttribute('sidebardrag', 'true'); this.listener = true; window.addEventListener('click', this, false); }, delay); } ]]></handler><handler event='mouseleave'><![CDATA[ clearTimeout(this.timer); ]]></handler><handler event='dragenter'><![CDATA[ if (!this.hasAttribute('sidebardrag')) this.setAttribute('sidebardrag', 'true'); ]]></handler><handler event='drop'><![CDATA[ if (!this.listener && this.hasAttribute('sidebardrag')) this.removeAttribute('sidebardrag'); ]]></handler><handler event='dragexit'><![CDATA[ var boxObj = this.getBoundingClientRect(), boxScrn = !this.boxObject ? this : this.boxObject; if ((!event.relatedTarget || event.screenY <= (boxScrn.screenY + 5) || event.screenY  >= (boxScrn.screenY + boxObj.height - 5) || event.screenX <= (boxScrn.screenX + 5) || event.screenX >= (boxScrn.screenX + boxObj.width - 5)) && this.hasAttribute('sidebardrag')) this.removeAttribute('sidebardrag'); ]]></handler></handlers></binding></bindings>#sidebar") !important;
}

#sidebar-box[ordinal][positionend="true"],
#sidebar-box:-moz-locale-dir(rtl) {
    --v-sidebar-margin-left-locale-dir: var(--v-sidebar-margin-max-width);
    --v-sidebar-margin-right-locale-dir: 0;
    --v-sidebar-transform-locale-dir: 1;
}

#sidebar-box[ordinal][positionend="true"]:-moz-locale-dir(rtl) {
    --v-sidebar-margin-left-locale-dir: 0;
    --v-sidebar-margin-right-locale-dir: var(--v-sidebar-margin-max-width);
    --v-sidebar-transform-locale-dir: -1;
}

#main-window[sizemode="normal"] #sidebar-box {
    --v-sidebar-min-width: var(--v-sidebar-min-width-normal) !important;
}

#browser > *:not(#appcontent):hover ~ #sidebar-box[ordinal]:not([positionend="true"]),
#sidebar-box:hover,
#sidebar-box[sidebardrag] {
    transform: translateX(0) !important;
    opacity: 1 !important;
    transition-delay: var(--v-sidebar-transition-delay-show) !important;
}

#main-window #browser > #sidebar-splitter {
    -moz-appearance: none !important;
    visibility: collapse !important;
    padding: 0 !important;
    border: none !important;
    width: 0 !important;
}

#sidebar-box > #sidebar {
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    -moz-box-flex: 1 !important;
}
}


тот код тоже поправил https://forum.mozilla-russia.org/viewto … 19#p721919

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

Отсутствует

 

№632121-08-2019 01:54:42

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

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

Почти отлично. Спасибо что помогаете.
Но срабатывает только в верхней части экрана (выделил красным)

Картинка
7c2aceafefda.jpg

В других местах на клики не реагирует :(

Отредактировано vassemm (21-08-2019 01:55:28)

Отсутствует

 

№632221-08-2019 02:10:12

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

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

vassemm
Не знаю тогда в чем дело это странно, у меня сработает где должно
после на [windows] проверю но сомневаюсь что в этом причина

Отредактировано Vitaliy V. (21-08-2019 02:11:35)

Отсутствует

 

№632321-08-2019 02:23:04

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

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

Сейчас еще потыкал.
Если в оконном режиме, то срабатывает где угодно (как положено)
А вот если окно максимизировано (maximaze), то только в той зоне где я на скрине показал.

В Убунте попробовал, и тоже только в окне.
В полноэкранном не работает

Отредактировано vassemm (21-08-2019 02:59:58)

Отсутствует

 

№632421-08-2019 10:44:25

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

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

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

Отредактировано kokoss (21-08-2019 12:47:40)


Win7

Отсутствует

 

№632521-08-2019 12:04:34

_zt
Участник
 
Группа: Members
Зарегистрирован: 10-11-2014
Сообщений: 1420
UA: Firefox 60.0

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

kokoss
about:config и так открывается в новой вкладке. Настройте браузер.
Кнопки "удаление личных данных" нет, есть "Открыть диалоговое окно Удаления личных данных " и ее ни в коем случае делать без диалога нельзя. Иногда я не хочу очищать сеанс и историю, а иногда хочу очистить все. Так что все правильно там сделано.

Добавлено 21-08-2019 12:06:47
Vitaliy V.
По поводу биндингов. В esr же они будут жить до конца 68 линейки?

Отредактировано _zt (21-08-2019 12:06:47)

Отсутствует

 

Board footer

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