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

Пользователи не любят читать документацию. Станьте оригинальным, будьте не как все. Ознакомьтесь с нашей базой знаний.

№1277623-01-2023 18:44:59

unter_officer
Участник
 
Группа: Members
Откуда: Санкт-Петербург
Зарегистрирован: 27-03-2011
Сообщений: 370
UA: unknown 0.0

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

robotest пишет

unter_officer к сожалению никакого эффекта.
Извиняюсь, ранее не точно выразился, речь идёт об этих закладках:
Firefox Version 110.0b4

Судя по всему это панель закладок. Должен был сработать код, который я давал первым. По крайней мере у меня работает.


Проверил в [firefox] 110.0b4 (сейчас пишу с неё), там тоже работает.
Может у вас какие-нибудь другие стили мешают?


«The Truth Is Out There»

Отсутствует

 

№1277723-01-2023 18:47:08

6e73epo
Участник
 
Группа: Members
Зарегистрирован: 06-05-2022
Сообщений: 42
UA: unknown 0.0

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

robotest пишет

Справа пустое место:

Может стоит обратить внимание на ширину, задаваемую для .menu-right?


usalex пишет

Правильно ли я понимаю, что, кроме размеров, там в коде есть еще и замена картинок?

Не совсем так. При отключении appearance для некоторых селекторов виндовые кнопки управления исчезают (скрываются) и нужно поверх них отрисовать хотя бы похожие


usalex пишет

Где лежат (куда класть) новые кастомные картинки?

svg картинки не обязательно хранить в виде файлов. Можно и в текстовой форме. Как пример, в том коде:

--v-titlebar-close-image: url("data:image/svg+xml;charset=utf-8,<svg width='12' height='12' xmlns='http://www.w3.org/2000/svg'><path stroke='black' stroke-width='.9' fill='none' d='M1,1 l 10,10 M1,11 l 10,-10'/></svg>");

запись взята из chrome://browser/skin/window-controls/close.svg
если иконки не видно, а хочется посмотреть как выглядит, то можно вызвать инспектор и для элемента path прописать в rules: stroke="black";
либо зайти на эту страницу, стереть фигуру и прописать: M1,1 l 10,10 M1,11 l 10,-10

Отсутствует

 

№1277823-01-2023 19:08:38

robotest
Участник
 
Группа: Members
Зарегистрирован: 02-06-2011
Сообщений: 156
UA: Firefox 107.0

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

Может стоит обратить внимание на ширину, задаваемую для .menu-right?

6e73epo Извините, не пойму где там .menu-right. Я менял все цифры на 20.


unter_officer У меня стилей нет, только js и через userChrome. Удалил всё из userChrome, оставил только код для закладок, ничего.
2023-01-23-165404.jpg

Отсутствует

 

№1277923-01-2023 19:14:42

unter_officer
Участник
 
Группа: Members
Откуда: Санкт-Петербург
Зарегистрирован: 27-03-2011
Сообщений: 370
UA: Firefox 109.0

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

robotest пишет

unter_officer У меня стилей нет, только js и через userChrome. Удалил всё из userChrome, оставил только код для закладок, ничего.

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


А ширину меняйте в этой строке: max-width: 350px !important;
Например, чтобы сделать ещё уже, замените 350px на 300px, или 250px. В общем подгоните ширину под себя.


«The Truth Is Out There»

Отсутствует

 

№1278023-01-2023 19:36:54

robotest
Участник
 
Группа: Members
Зарегистрирован: 02-06-2011
Сообщений: 156
UA: Firefox 107.0

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

unter_officer 250, 150, 50 никакой разницы.
Только этот код работает, но не так как надо.

menu.bookmark-item,
    menuitem.bookmark-item
        {
        max-width: 20em ! important;
        }

Отсутствует

 

№1278123-01-2023 19:42:07

unter_officer
Участник
 
Группа: Members
Откуда: Санкт-Петербург
Зарегистрирован: 27-03-2011
Сообщений: 370
UA: Firefox 109.0

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

robotest
Что ж. Ждите тогда спецов по CSS, может они что-то подскажут.
У меня все коды, которые я выкладывал выше работают как надо. Плюс, я ранее эти коды выкладывал в другой теме, там на их работу нареканий не было.

Отредактировано unter_officer (23-01-2023 19:42:21)


«The Truth Is Out There»

Отсутствует

 

№1278223-01-2023 19:44:21

robotest
Участник
 
Группа: Members
Зарегистрирован: 02-06-2011
Сообщений: 156
UA: Firefox 107.0

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

unter_officer спасибо!

Отсутствует

 

№1278323-01-2023 21:45:25

unter_officer
Участник
 
Группа: Members
Откуда: Санкт-Петербург
Зарегистрирован: 27-03-2011
Сообщений: 370
UA: Firefox 109.0

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

robotest
Я вот ещё что подумал.
На вашем скрине внешний вид закладок выглядит так, как это было в более ранних версиях [firefox]
У меня же внешний вид закладок такой (не помню с какой версии он изменился):
Untitled-3.png


Может все таки у вас какой-нибудь стиль, скрипт или дополнение возвращает прежний вид закладок?
Может поэтому мои стили не срабатывают?

Отредактировано unter_officer (23-01-2023 21:50:08)


«The Truth Is Out There»

Отсутствует

 

№1278423-01-2023 21:50:54

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

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

unter_officer пишет

Может поэтому мои стили не срабатывают?

Уже сработал... :)


Win7

Отсутствует

 

№1278524-01-2023 00:01:17

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

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

usalex пишет

Уменьшил до 26 пикселей, но хочу еще сильнее уменьшить высоту.

Насколько уменьшить ?


Win7

Отсутствует

 

№1278624-01-2023 04:05:14

xrun1
Участник
 
Группа: Members
Зарегистрирован: 12-12-2013
Сообщений: 983
UA: Firefox 109.0

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

usalex пишет

Но я не понимаю, на какие именно картинки происходит замена? Где лежат (куда класть) новые кастомные картинки?

Можно не трогать те, что есть. Там прописаны в формате .svg.
Можно взять любые, желательно, небольшие картинки и положить рядом с css-файлом, как-то так:

скрытый текст
Первая строка закрашивает иконки в чёрный цвет, закомментарил

Выделить код

Код:

/*    --v-svg-filter-fill: url("data:image/svg+xml;charset=utf-8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='fill'><feComposite in='FillPaint' in2='SourceGraphic' operator='in'/></filter></svg>#fill"); */
    --v-titlebar-close-image: url(mozilla.png);

Отсутствует

 

№1278724-01-2023 10:19:46

robotest
Участник
 
Группа: Members
Зарегистрирован: 02-06-2011
Сообщений: 156
UA: Firefox 107.0

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

unter_officer Стилей нет, только этот код, если вы это имеете в виду:

Выделить код

Код:

/* Color icon */
@import url(./css/buttons/icons_colorized.css);
@import "./css/generalui/bookmark_icons_colorized.css";

Отсутствует

 

№1278824-01-2023 10:21:53

usalex
Участник
 
Группа: Members
Зарегистрирован: 17-05-2016
Сообщений: 82
UA: Firefox 90.0

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

kokoss

kokoss пишет

Насколько уменьшить ?

На 4 пикселя -- чтоб высота панели вкладок была 22 пикселя.
Хочу добиться, чтоб суммарная высота "Панель вкладок" + "Панель навигации" не превышала 50 пикселей.


xrun1
Понял. Спасибо!

Отсутствует

 

№1278924-01-2023 10:49:23

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

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

usalex пишет

На 4 пикселя -- чтоб высота панели вкладок была 22 пикселя.

В --tab-min-height: 26px !important; измените на 22px и добавьте этот код:

Выделить код

Код:

#tabbrowser-tabs .tab-close-button {
  width: 14px !important;
  height: 14px !important;
  padding: 2px !important;
}

Add, пожалуйста!


Добавлено 24-01-2023 11:12:47

robotest пишет

@import url(./css/buttons/icons_colorized.css);

У вас путь до файла со стилем указан не правильный, должен быть таким

Отредактировано kokoss (24-01-2023 15:00:05)


Win7

Отсутствует

 

№1279024-01-2023 11:28:50

robotest
Участник
 
Группа: Members
Зарегистрирован: 02-06-2011
Сообщений: 156
UA: Firefox 107.0

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

kokoss спасибо, исправил.

Отсутствует

 

№1279124-01-2023 13:04:38

robotest
Участник
 
Группа: Members
Зарегистрирован: 02-06-2011
Сообщений: 156
UA: Firefox 107.0

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

unter_officer Этот код работает, ещё раз спасибо.

Выделить код

Код:

#bookmarksMenuPopup {

max-width: 20em ! important;

}

Отсутствует

 

№12792Сегодня 00:37:59

Dan Dare
Участник
 
Группа: Members
Зарегистрирован: 28-06-2015
Сообщений: 311
UA: Firefox 95.0

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

Всех приветствую!
Два вопроса - как можно настроить прозрачность строки заголовка в FF под Win10,
чтоб строка была прозарчной как в Win7,
и\или как убрать заголовок открытой страницы из строки заголовка FF ?

То, что саму строку заголовка убрать можно - это я знаю, но вариант не особо..

Отредактировано Dan Dare (Сегодня 00:38:55)


Dan Dare: Pilot Of The Foretime

Отсутствует

 

Board footer

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