Расстояние между закрепленными вкладками

serega31 · №1

Добрый день. Работаю в браузере Firefox, очень много закрепленных вкладок, но между вкладками большое расстояние, как его можно уменьшить, подскажите пожалуйста?

sonyas75 · №2

Выделить код

Код:

/* убрать зазоры между закреплённой вкладкой и следующей вкладкой */
.tabbrowser-tab[first-visible-unpinned-tab] {
    margin-inline-start: 0px !important;

serega31 · №3

sonyas75 пишет

Выделить код

Код:

/* убрать зазоры между закреплённой вкладкой и следующей вкладкой */
.tabbrowser-tab[first-visible-unpinned-tab] {
    margin-inline-start: 0px !important;

А где это прописывать?

sonyas75 · №4

в своём профиле (about:profiles найти "Этот профиль сейчас используется и не может быть удалён." кликнуть корневой каталог-открыть папку) создать папку chrome в ней создать файл userChrome.css (обязательно .css не .txt не .css.txt) в текстовом редакторе вставить вышеприведенный код в этот файл и сохранить в UTF-8 без BOM.
about:config toolkit.legacyUserProfileCustomizations.stylesheets переключить в true
делается в два раза быстрее, чем я набивал этот пост ))))

Отредактировано sonyas75 (04-02-2022 11:47:03)

serega31 · №5

sonyas75 пишет

в своём профиле (about:profiles найти "Этот профиль сейчас используется и не может быть удалён." кликнуть корневой каталог-открыть папку) создать папку chrome в ней создать файл userChrome.css (обязательно .css не .txt не .css.txt) в текстовом редакторе вставить вышеприведенный код в этот файл и сохранить в UTF-8 без BOM. about:config toolkit.legacyUserProfileCustomizations.stylesheets переключить в true
делается в два раза быстрее, чем я набивал этот пост ))))

спасибо большое

Добавлено 04-02-2022 12:10:02

sonyas75 пишет

в своём профиле (about:profiles найти "Этот профиль сейчас используется и не может быть удалён." кликнуть корневой каталог-открыть папку) создать папку chrome в ней создать файл userChrome.css (обязательно .css не .txt не .css.txt) в текстовом редакторе вставить вышеприведенный код в этот файл и сохранить в UTF-8 без BOM.
about:config toolkit.legacyUserProfileCustomizations.stylesheets переключить в true
делается в два раза быстрее, чем я набивал этот пост ))))

Все сделал как Вы сказали, но ничего не изменилось

Отредактировано serega31 (04-02-2022 12:10:02)

sonyas75 · №6

точно .css? показ файловых расширений в проводнике включен? должно быть как на скрине. и еще - этот код рабочий в 91еср версии файрфокса. возможно он отвалился в более поздних релизах, что маловероятно, придут умные люди, использующие последние версии - подскажут.

в about:config так?

Отредактировано sonyas75 (04-02-2022 12:22:41)

kokoss · №7

serega31 пишет

Все сделал как Вы сказали, но ничего не изменилось

Стиль рабочий, единственное не хватает закрывающей скобки }, Можно ещё попробовать такой вариант:

Выделить код

Код:

.tabbrowser-tab {
  padding-inline: 1px !important;
  margin-inline-start: 0px !important;
}

P,S, и с такими хотелками лучше сообщать в профильную тему: https://forum.mozilla-russia.org/viewto … 27#p798127

Отредактировано kokoss (04-02-2022 12:43:54)

sonyas75 · №8

kokoss
блииин, ну да, немного не докопировал

serega31 · №9

kokoss пишет

serega31 пишет
Все сделал как Вы сказали, но ничего не изменилось
Стиль рабочий, единственное не хватает закрывающей скобки }, Можно ещё попробовать такой вариант:
Выделить код
Код:
.tabbrowser-tab {
  padding-inline: 1px !important;
  margin-inline-start: 0px !important;
}
P,S, и с такими хотелками лучше сообщать в профильную тему: https://forum.mozilla-russia.org/viewto … 27#p798127

сделал все и со скобками и другой код, ничего не меняется, вот скрин, версия у меня 96

Отредактировано serega31 (04-02-2022 13:04:46)

kokoss · №10

serega31 пишет

сделал все и со скобками и другой код, ничего не меняется, вот скрин

Если это сделали:

about:config toolkit.legacyUserProfileCustomizations.stylesheets переключить в true и сохранить в UTF-8 без BOM.

и перезапустили браузер, тогда удалите в Профиле [firefox] папку startupCache и так проверьте!

sonyas75 · №11

у меня сам закрепленный таб получается 40 пикселей,
расстояние от края экрана до закрепленного таба 0 px

Выделить код

Код:

margin-inline-start: 0px !important;

и расстояние между остальными вкладками 1 px

Выделить код

Код:

padding-inline: 1px !important;

serega31 · №12

kokoss пишет

serega31 пишет
сделал все и со скобками и другой код, ничего не меняется, вот скрин
Если это сделали:
about:config toolkit.legacyUserProfileCustomizations.stylesheets переключить в true и сохранить в UTF-8 без BOM.
и перезапустили браузер, тогда удалите в Профиле папку startupCache и так проверьте!

в общем перепробовал все, может и в правду в свежей версии вырезали это?

Добавлено 04-02-2022 13:54:37

sonyas75 пишет

у меня сам закрепленный таб получается 40 пикселей,
расстояние от края экрана до закрепленного таба 0 px
Выделить код
Код:
margin-inline-start: 0px !important;
и расстояние между остальными вкладками 1 px
Выделить код
Код:
padding-inline: 1px !important;

сделайте пожалуйста скрин, как это выглядит?

Отредактировано serega31 (04-02-2022 13:54:37)

kokoss · №13

serega31 пишет

в общем перепробовал все, может и в правду в свежей версии вырезали это?

скрин

voqabuhe · №14

sonyas75 пишет

/* убрать зазоры между закреплённой вкладкой и следующей вкладкой */
.tabbrowser-tab[first-visible-unpinned-tab] {
margin-inline-start: 0px !important;

Этот код давал мне Vitaliy V. №11062, он убирает зазор между закреплённой вкладкой и следующей незакреплённой, выше на моём скрине видно о чём идёт речь. А как я понял, serega31 нужно
убрать зазоры между закрепленными вкладками.

serega31 · №15

voqabuhe пишет

sonyas75 пишет
/* убрать зазоры между закреплённой вкладкой и следующей вкладкой */
.tabbrowser-tab[first-visible-unpinned-tab] {
margin-inline-start: 0px !important;
Этот код давал мне Vitaliy V. №11062, он убирает зазор между закреплённой вкладкой и следующей незакреплённой, выше на моём скрине видно о чём идёт речь. А как я понял, serega31 нужно
убрать зазоры между закрепленными вкладками.

Все верно. Я имел ввиду, чтобы закрепленные вкладки стали меньше в ширину

Добавлено 04-02-2022 14:29:33

serega31 пишет

voqabuhe пишет
sonyas75 пишет
/* убрать зазоры между закреплённой вкладкой и следующей вкладкой */
.tabbrowser-tab[first-visible-unpinned-tab] {
margin-inline-start: 0px !important;
Этот код давал мне Vitaliy V. №11062, он убирает зазор между закреплённой вкладкой и следующей незакреплённой, выше на моём скрине видно о чём идёт речь. А как я понял, serega31 нужно
убрать зазоры между закрепленными вкладками.
Все верно. Я имел ввиду, чтобы закрепленные вкладки стали меньше в ширину

На скрине отметил красным отступы

Отредактировано serega31 (04-02-2022 14:29:33)

sonyas75 · №16

serega31 пишет

сделайте пожалуйста скрин, как это выглядит?

ну или вот так во всю длину окна файрфокса 1920 без горизонтальной прокрутки

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

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

Отредактировано sonyas75 (04-02-2022 15:14:37)

serega31 · №17

sonyas75, у меня так же по ширине, спасибо огромное за уделенное время, буду ждать, может кто то поможет решить проблему

sonyas75 · №18

serega31 пишет

у меня так же по ширине

а какой размер экрана? счетчик у мну на скрине показывает 41 вкладку, у Вас явно столько не влезет.

serega31 · №19

sonyas75 пишет

serega31 пишет
у меня так же по ширине
а какой размер экрана? счетчик у мну на скрине показывает 41 вкладку, у Вас явно столько не влезет.

1920X1080

sonyas75 · №20

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

serega31 · №21

sonyas75 пишет

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

очень надеюсь

kokoss · №22

serega31
Или так:

Выделить код

Код:

#TabsToolbar .tab-content[pinned] {
  padding: 0 6px !important;
}
.tabbrowser-tab:not([pinned]) {
  margin-inline-start: 0px !important;
}

voqabuhe · №23

kokoss пишет

Или так:

Вот это хорошо. Спасибо.

serega31 · №24

kokoss пишет

serega31
Или так:

Выделить код

Код:

#TabsToolbar .tab-content[pinned] {
  padding: 0 6px !important;
}
.tabbrowser-tab:not([pinned]) {
  margin-inline-start: 0px !important;
}

Отлично, спасибо огромное.

serega31 · №25

kokoss пишет

serega31
Или так:

Выделить код

Код:

#TabsToolbar .tab-content[pinned] {
  padding: 0 6px !important;
}
.tabbrowser-tab:not([pinned]) {
  margin-inline-start: 0px !important;
}

а может еще как то можно сделать между этими вкладками разделитель как в chrome?

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