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

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

№1197606-05-2022 22:05:07

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

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

voqabuhe
Да не, последняя секция в стиле будет работать только если стиль положить в custom_styles_all_agent.css.

Отсутствует

 

№1197707-05-2022 20:31:48

voqabuhe
Участник
 
Группа: Members
Зарегистрирован: 06-12-2011
Сообщений: 3231
UA: Firefox 100.0

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

_zt

_zt пишет

Да не, последняя секция в стиле будет работать только если стиль положить в custom_styles_all_agent.css.

Да это всё понятно. Но я же не про последнюю секцию говорил, а про то, что у меня в двух расширениях вообще не работает выделение. А если удаляю папку chrome, то оно появляется.

Отсутствует

 

№1197807-05-2022 21:27:23

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

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

voqabuhe
Теперь понятно. В некоторых расширениях есть текстовые поля для ввода (в попапах или настройках), во всех не работает? А стили UCF используются? Я бы в первую очередь смотрел там, я вообще не уверен, что такое можно сделать через userContent.css.

Отсутствует

 

№1197908-05-2022 01:37:36

voqabuhe
Участник
 
Группа: Members
Зарегистрирован: 06-12-2011
Сообщений: 3231
UA: Firefox 100.0

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

_zt

во всех не работает?

Да нет, как оказалось только  в Quick Bookmark To Folder и не работает.

А стили UCF используются? Я бы в первую очередь смотрел там

Тоже так думаю, у меня там их до хрена. :)

Отредактировано voqabuhe (08-05-2022 06:33:16)

Отсутствует

 

№1198008-05-2022 09:11:35

manuk
Участник
 
Группа: Members
Зарегистрирован: 17-10-2010
Сообщений: 306
UA: Firefox 100.0

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

Зд. Подскажите, можно кнопки в "гробики" поместить

скрытый текст
Screen-505.jpg

как на этом рис.
скрытый текст
Screen-506.jpg

Отредактировано manuk (08-05-2022 09:24:38)

Отсутствует

 

№1198108-05-2022 19:28:39

voqabuhe
Участник
 
Группа: Members
Зарегистрирован: 06-12-2011
Сообщений: 3231
UA: Firefox 100.0

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

_zt
Проверил, всё таки выделение в Quick Bookmark To Folder пропадает из-за вашего стиля. Отключаю его, выделение появляется.

Отсутствует

 

№1198208-05-2022 21:35:51

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

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

voqabuhe
Это не выделение (select, selected) и речь шла об Update Bookmark (и вообще не понятно зачем оно там). А то что у вас пропало это наведение (hover).
   
Добавил в стиль.
   
manuk
GitHub - Aris-t2/CustomCSSforFx: Custom CSS tweaks for Firefox
Конкретно вот на этой странице выбирайте что душе угодно.
CustomCSSforFx/classic/css/buttons

Отредактировано _zt (08-05-2022 21:54:26)

Отсутствует

 

№1198308-05-2022 22:44:30

voqabuhe
Участник
 
Группа: Members
Зарегистрирован: 06-12-2011
Сообщений: 3231
UA: Firefox 100.0

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

_zt пишет

Это не выделение (select, selected) и речь шла об Update Bookmark (и вообще не понятно зачем оно там). А то что у вас пропало это наведение (hover).
   
Добавил в стиль.

А, точно, наведение. Сорри. Теперь появилось. Спасибо.

Отсутствует

 

№1198408-05-2022 23:18:08

voqabuhe
Участник
 
Группа: Members
Зарегистрирован: 06-12-2011
Сообщений: 3231
UA: Firefox 100.0

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

_zt пишет

Это, если надо поменять цвет выделения (последняя секция), в custom_styles_all_agent.css и не забыть раскомментировать в CustomStylesScripts.jsm, ну и включить в настройках UCF

Ну вот переместил Update Bookmark в custom_styles_all_agent.css и не фига цвет выделения не поменялся?

Отсутствует

 

№1198509-05-2022 05:22:05

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

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

voqabuhe
Полчаса впустую потраченного времени.
Все работает и в 91 и в 100. Проверяйте на чистом профиле и чистом UCF или UCF+full_theme. Единственно, что возможно, придется в option:checked color изменить на свой.
   
Вы это вообще сделали? Подозреваю что нет.
1. Положить в custom_styles_all_agent.css
2. Раскомментировать custom_styles_all_agent.css в CustomStylesScripts.jsm.
3. Включить стили "для всех документов" в настройках UCF.
4. Перезапустить браузер с очисткой кэша загрузки расширений.

Отредактировано _zt (09-05-2022 05:32:18)

Отсутствует

 

№1198609-05-2022 06:22:32

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

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

sandro79 пишет

igr40Так попробуйте скрытый текстВыделить кодКод:.bookmark-item > .menu-iconic-text {
  display: none !important;
}
.bookmark-item > label {
  margin-inline-start: 1px !important;
  display: -moz-box !important;
  overflow: hidden;
  -moz-box-flex: 1;
}
.bookmark-item .menu-iconic-accel {
  margin-inline: 0px 2px !important;
}

Спасибо огромное.То что нужно.

Отсутствует

 

№1198709-05-2022 06:49:33

voqabuhe
Участник
 
Группа: Members
Зарегистрирован: 06-12-2011
Сообщений: 3231
UA: Firefox 100.0

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

_zt пишет

Вы это вообще сделали? Подозреваю что нет.
1. Положить в custom_styles_all_agent.css
2. Раскомментировать custom_styles_all_agent.css в CustomStylesScripts.jsm.
3. Включить стили "для всех документов" в настройках UCF.
4. Перезапустить браузер с очисткой кэша загрузки расширений.

пп1-3 у меня выполнены уже давно, п4 да, делал.
У меня сейчас как, если курсор находится непосредственно над выделением, то выделение голубого цвета, а если перевожу курсор на заголовок окошка, то тогда выделение становится чёрным. А у вас цвет не зависит от положения курсора?

Отредактировано voqabuhe (09-05-2022 07:12:44)

Отсутствует

 

№1198809-05-2022 13:16:40

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

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

-

Отредактировано _zt (09-05-2022 14:20:15)

Отсутствует

 

№1198909-05-2022 14:17:40

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

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

voqabuhe
О каком расширении речь?
   
Вы только что говорили, что "цвет выделения не поменялся", а теперь у вас уже и выделение есть, да еще и hover нарисовался. Хватит мне мозги компостировать. Убедитесь что стили посекционно соответствуют тем что выложены выше. Если в Update Bookmark вас не устраивает выделение, то просто удалите там секцию option:checked. В Quick Bookmark выделения нет, ни так ни со стилем (так как в нем отсутствует код для выделения).

Отредактировано _zt (09-05-2022 14:30:54)

Отсутствует

 

№1199009-05-2022 16:23:13

voqabuhe
Участник
 
Группа: Members
Зарегистрирован: 06-12-2011
Сообщений: 3231
UA: Firefox 100.0

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

_zt пишет

О каком расширении речь?

О Update Bookmark

Вы только что говорили, что "цвет выделения не поменялся", а теперь у вас уже и выделение есть, да еще и hover нарисовался.

Когда говорил, просто не догадался кликнуть по заголовку окошка, а hover у меня в Update Bookmark нет, это просто вы меня не так поняли, ну или я не правильно объяснил. Вот смотрите, это после открытия окошка и ЛКМ по ссылке
92db407f3faa3de1482b61a43739bfb7.png
А это после ЛКМ по заголовку окна.
d69c418571e81fa445bd0851a84eb9c9.png 

В Quick Bookmark выделения нет, ни так ни со стилем (так как в нем отсутствует код для выделения).

  Ну с Quick Bookmark же уже разобрались, что там наведение и после того, как вы его добавили в стиль, оно у меня появилось.

Отсутствует

 

№1199110-05-2022 13:09:07

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

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

voqabuhe
Там второй статус есть, фокус / не фокус. Проверяйте.

Отсутствует

 

№1199210-05-2022 14:41:03

voqabuhe
Участник
 
Группа: Members
Зарегистрирован: 06-12-2011
Сообщений: 3231
UA: Firefox 100.0

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

_zt
Во отлично, так всё работает. Спасибо!

Отсутствует

 

№1199312-05-2022 19:25:57

as_lan
Участник
 
Группа: Members
Зарегистрирован: 22-03-2014
Сообщений: 18
UA: Firefox 100.0

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

Приветствую всех. Как можно сделать так, чтоб кнопка закрытия при наведении курсора (при малой ширине вкладке) не уходила за края? Да и вообще не скакала? Нельзя чтоб она например поверх иконки сайта вставала(как это в vivaldi(или во всех хромоподобных так, не знаю) например)? Раздражает безумно эта прыгающая кнопка закрытия. Скрыл бы ее полностью, да иногда именно через кнопку закрытия закрываю вкладку, а не только роликом. Первый скрин в обычномсостоянии, второй при наведении курсора
51d9bf94c584d511ac145baa8985b72b.jpg
5d8c4e00d73bb9af3be09ee907c93057.jpg

Отсутствует

 

№1199412-05-2022 23:41:41

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

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

Отсутствует

 

№1199513-05-2022 21:26:27

as_lan
Участник
 
Группа: Members
Зарегистрирован: 22-03-2014
Сообщений: 18
UA: Firefox 100.0

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

_zt
Очень близко. Поправил под себя (background-color: #ccc !important;). Но как сделать, чтоб крестик и фон не были прозрачными? А то икона сайта перекрывает крестик. И ни иконки толком не видно, ни крестика.
Нашел. Сделал солянку. Но получил именно то что хотел (поведение полностью такое же, что и в вивальди)

Выделить код

Код:

#tabbrowser-tabs .tab-close-button {
    position: relative;
    fill: black !important;
    background-color: #999 !important;
    border-radius: 1px;
    height: 17px !important;
    width: 17px !important;
    padding: 2px !important;
    margin-inline-start: -17px !important;
    margin-inline-end: 0px !important;
    color: black !important;

}

#tabbrowser-tabs .tabbrowser-tab:not([pinned="true"],:hover) .tab-close-button {
    display: none !important;
}

Отредактировано as_lan (13-05-2022 22:30:30)

Отсутствует

 

№1199614-05-2022 15:24:37

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

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

as_lan
У меня такое не работает. Да оно вроде и не должно. Так, частями кое что и только на текущей вкладке. И border-radius: без !important; здесь не работает.
Далее здесь №12161.

Отредактировано _zt (14-05-2022 18:54:55)

Отсутствует

 

№1199714-05-2022 15:35:11

bezuma
Участник
 
Группа: Members
Откуда: Москва
Зарегистрирован: 26-01-2014
Сообщений: 256
UA: Firefox 100.0

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

Господа, как уменьшить межстрочный интервал в контекстном меню? Или нереально

Отсутствует

 

№1199814-05-2022 16:02:00

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

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

bezuma пишет

Господа, как уменьшить межстрочный интервал в контекстном меню?

Ну это вроде пока ещё работает в win 10, да и в 11 должно. Да и так ещё.

Отсутствует

 

№1199914-05-2022 17:01:04

bezuma
Участник
 
Группа: Members
Откуда: Москва
Зарегистрирован: 26-01-2014
Сообщений: 256
UA: Firefox 100.0

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

sandro79
Твой код привел в изумительный вид (win 11) :beer: Не в первый раз выручаешь

Отсутствует

 

№1200014-05-2022 18:35:25

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

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

as_lan
В общем добил код до действительно вменяемого поведения. Надо понимать, что я вкладками не пользуюсь, поэтому вижу их очень редко. И о том, что при малой ширине вкладок крестик скрывается на не текущей, я просто не знал. Пользуюсь Tree Style Tab (Древовидный стиль вкладок)

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

Выделить код

Код:

/* Крестик закрытия вкладки виден только при наведении на него */
#tabbrowser-tabs .tab-close-button.close-icon {
    -moz-context-properties: fill, fill-opacity !important;
    color: inherit !important; /* или свой цвет, например, rgba(0,0,0,0.5) */
    border-radius: 1px !important;
    fill: currentColor !important;
    fill-opacity: 0 !important;
    position: relative !important;
    height: 20px !important;
    width: 20px !important;
    padding: 0 !important;
    margin-inline-start: -20px !important;
    margin-inline-end: 0px !important;
}
#tabbrowser-tabs .tabbrowser-tab:not([pinned="true"],:hover) .tab-close-button {
    display: none !important;
}
#tabbrowser-tabs .tabbrowser-tab:not([pinned="true"]):hover .close-icon:hover {
    list-style-image: url("./svg/close-mod.svg") !important;
}
#tabbrowser-tabs .tab-label-container[textoverflow][labeldirection="ltr"]:not([pinned]) {
    mask-image: none !important; /* !!! del.fadein */
}
/* Минимальная ширина вкладок */
#tabbrowser-tabs {
    --tab-min-width: 55px !important;
}
/* Не скрывать кнопку закрытия вкладки, на НЕ ТЕКУЩЕЙ вкладке,
 * при малой ширине вкладок */
#tabbrowser-tabs[closebuttons="activetab"] > #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack > .tab-content > .tab-close-button:not([selected="true"]) {
    display: initial !important;
}

Предварительно создайте подпапку chrome/svg и положите туда иконку в формате SVG.
Например, создайте текстовый документ, сохраните в него этот код
скрытый текст

Выделить код

Код:

<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20">
<rect width="20" height="20" style="fill:context-fill;fill-opacity:context-fill-opacity"/>
<path style="fill:none;stroke:context-fill;stroke-width:1" d="m6 6 8 8m-8 0 8-8"/>
</svg>

и переименуйте документ в close-mod.svg. Отображение расширений файлов в системе должно быть включено.
   
Или другая иконка
скрытый текст

Выделить код

Код:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
  <path d="M7.21875 5.78125L5.78125 7.21875L14.5625 16L5.78125 24.78125L7.21875 26.21875L16 17.4375L24.78125 26.21875L26.21875 24.78125L17.4375 16L26.21875 7.21875L24.78125 5.78125L16 14.5625Z" fill="#D0D0D0" />
</svg>

в этом случае цвет задается в иконке, а в коде color: должен быть transparent или прозрачный rgba ( rgba(0,0,0,0.0) - последняя десятичная дробь это прозрачность, соответственно rgba(0,0,0,1.0) будет без прозрачности, в теории, на самом деле там минимальный уровень прозрачности наследуется, поэтому фон всегда будет полупрозрачным ). background-color: задавать нельзя иначе здесь он перекроет иконку, хотя, если очень хочется, то можно, но только в rgba с прозрачностью.
   
А вообще, подумайте над многосрочностью вкладок или TST, а то какой то мазохизм получается.

Отредактировано _zt (14-05-2022 18:48:50)

Отсутствует

 

Board footer

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