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

Общайтесь со знакомыми и друзьями в нашей группе в Контакте.

№900111-08-2020 18:25:49

Duche
Участник
 
Группа: Members
Зарегистрирован: 07-02-2016
Сообщений: 208
UA: unknown 0.0

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

Добрый день. Подскажите пожалуйста . Использую этот код для фиксирования ширины вкладок и уменьшение высоты вкладок . Проблема а том, что при уменьшении высоты вкладок меньше 25px вкладка начинает уменьшатся по высоте ,оставляя снизу от панели инструментов промежуток . Как корректно уменьшить высоту вкладок без последствий.

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

Выделить код

Код:

.tabbrowser-tab[fadein]:not([pinned]) {
  max-width: 150px !important;
  max-height: 27px !important;
}

Отсутствует

 

№900211-08-2020 18:42:29

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

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

Vitaliy V.

Vitaliy V. пишет

hover на что, на псевдоэлемент?

Тонкий ход ! А на эту шнягу hover7

скрытый текст
.menu-accel,
.menu-iconic-accel {
  margin-top: -3px !important;
  padding-inline-start: 2em !important;
  margin-inline-end: 9px !important;
  font-style: italic !important;
  color: #00A6A6 !important;
}

Отсутствует

 

№900311-08-2020 20:33:24

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

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

Duche пишет

Как корректно уменьшить высоту вкладок без последствий

Варианты: https://forum.mozilla-russia.org/viewto … 91#p774491 или https://forum.mozilla-russia.org/viewto … 03#p774503

или может так ещё
2fc008aa7a49.png

Выделить код

Код:

:root {
  --tab_max_width: 150px;
}
#tabbrowser-tabs:not([overflow="true"]) 
.tabbrowser-tab[fadein]:not([pinned]) {
  max-width: var(--tab_max_width) !important;
  overflow: hidden !important;
}
:root {
  --classic_squared_tabs_tab_height: 24px;
  --tab-min-height: var(--classic_squared_tabs_tab_height) !important;
}

Отсутствует

 

№900411-08-2020 20:50:15

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

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

solombala
так что-ли

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

Выделить код

Код:

:is(menu,menuitem)[_moz-menuactive="true"]:where(:not([disabled="true"])) > .menu-accel-container > :where(.menu-accel,.menu-iconic-accel) {
    color: gold !important;
}

Отсутствует

 

№900511-08-2020 21:40:54

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

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

Vitaliy V.
Сказать, что это не просто, ничего не сказать...
Ну надо же...В 77 код не сработал...В 79 -да.

Отредактировано solombala (11-08-2020 23:29:03)

Отсутствует

 

№900612-08-2020 00:01:16

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

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

solombala пишет

Ну надо же...В 77 код не сработал...В 79 -да.

Ясное дело не сработает (без about:config), не видишь новые псевдо-классы :is :where они для [firefox] 78+
замени на :-moz-any, и на просто :not([disabled="true"])

Отредактировано Vitaliy V. (12-08-2020 01:13:49)

Отсутствует

 

№900712-08-2020 08:49:57

Duche
Участник
 
Группа: Members
Зарегистрирован: 07-02-2016
Сообщений: 208
UA: unknown 0.0

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

sandro79 пишет

Варианты:

Большое спасибо , вторая ссылка сработала.
Потихоньку переходим  на новую FF , кто бы еще на планете FF восстановил Simple Mail , но............... .

Отредактировано Duche (12-08-2020 09:05:21)

Отсутствует

 

№900812-08-2020 08:51:06

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

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

Vitaliy V.
Это да. То-то смотрю long left click тоже разный...Зато выше 77 запара с автовоспр. с ютюб. Аж два аддона ставить надо.

Отсутствует

 

№900912-08-2020 18:27:43

Duche
Участник
 
Группа: Members
Зарегистрирован: 07-02-2016
Сообщений: 208
UA: unknown 0.0

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

Добрый день. Хочу спросить специалистов , кому-нибудь удалось победить средствами CSS или другими  ,проскакивание белого фона , от момента нажатия на иконку, ссылки на сайт, до начала загрузки содержимого контента . about:blank фоном я залил, но это не то. Ночнушки не помогают.

Отсутствует

 

№901012-08-2020 18:54:38

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

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

Отсутствует

 

№901112-08-2020 20:03:27

Duche
Участник
 
Группа: Members
Зарегистрирован: 07-02-2016
Сообщений: 208
UA: unknown 0.0

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

sandro79 пишет

sandro79

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

Отсутствует

 

№901213-08-2020 13:36:22

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

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

Vitaliy V.
Опять тупик...Не могу жирность текста изменить. "Справа" и не только
yj5it5ek.jpg
рихтую так и без толку

скрытый текст
#appMenu-multiView{font-family: segoe  !important; font-size: 16px !important; box-shadow: none !important; font-weight: inherit !important;}

Отсутствует

 

№901313-08-2020 14:43:28

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

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

solombala пишет

изменить. "Справа"

"Справка" и др. так

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

Выделить код

Код:

.panel-header > label {
    font-weight: normal !important;
}

Отсутствует

 

№901413-08-2020 14:55:22

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

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

Vitaliy V.

Vitaliy V. пишет

"Справка" и др. так

Спасибо, опять так и сделал, но сомнения были.

Отсутствует

 

№901513-08-2020 17:28:01

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

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

Vitaliy V.
Подскажите пожалуйста. Хотел немного увеличить расстояние между плиток по горизонтали в about:newtab, чтоб стало как то было раньше в [firefox] 68, но не совсем получается.
При увеличении расстояния не вмещается последняя плитка и переходит вниз. Получается семь плиток вместо восьми. Может можно как-то вместить все восемь плиток в одну строку с увеличенным отступом между ними? Спасибо.

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

Выделить код

Код:

@-moz-document url("about:newtab"), url("about:home") {
.ds-top-sites .top-sites .top-site-outer {
	padding: 0 16px !important;
	}
}

7918a332a961.png


326bff8019f6.png

Отсутствует

 

№901613-08-2020 20:33:51

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

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

sandro79

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

Выделить код

Код:

@-moz-document url("about:newtab"), url("about:home") {
.ds-top-sites .top-sites .top-site-outer {
    padding-inline: 16px !important;
}
.ds-top-sites .top-sites .top-sites-list {
    margin-inline: -16px !important;
}
.ds-outer-wrapper-breakpoint-override main {
    width: 274px !important;
}
@media (min-width: 610px) {
.ds-outer-wrapper-breakpoint-override main {
    width: 530px !important;
}
.outer-wrapper.ds-outer-wrapper-breakpoint-override {
    padding-inline: 20px !important;
}
}
@media (min-width: 866px) {
.ds-outer-wrapper-breakpoint-override main {
    width: 786px !important;
}
.outer-wrapper.ds-outer-wrapper-breakpoint-override {
    padding-inline: 32px !important;
}
}
@media (min-width: 1122px) {
.ds-outer-wrapper-breakpoint-override main {
    width: 1042px !important;
}
}
}

Отсутствует

 

№901713-08-2020 21:06:54

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

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

Vitaliy V. пишет

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

Благодарю! Сработало! Теперь нормально! :beer:

Отсутствует

 

№901814-08-2020 02:46:39

MAD FREQUENCY
Участник
 
Группа: Members
Зарегистрирован: 27-04-2008
Сообщений: 6
UA: Firefox 79.0

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

Нужна помощь:
вот с этим кодом, я получил возможность размещать вкладки в несколько строк
https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/multi-row_tabs.css ,

НО пропал контур выбранной вкладки (боковые линии) и пропали разделители между вкладками,
есть только верхний, жирный контур у выбранной вкладки.

Что надо дописать в код что-бы их вернуть?

Отсутствует

 

№901914-08-2020 09:51:47

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

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

Vitaliy V. А, на этот ID можно иконку повесить?

скрытый текст
<label id="panelMenu_recentBookmarks"
               value="&recentBookmarks.label;"
               class="subview-subheader"/>

Отсутствует

 

№902014-08-2020 11:21:43

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

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

MAD FREQUENCY пишет

Что надо дописать в код что-бы их вернуть?

скорее что убрать

скрытый текст
,
.tabbrowser-tab::after

solombala
ну добавь
скрытый текст

Выделить код

Код:

#panelMenu_recentBookmarks {
    background-repeat: no-repeat !important;
    background-position: left 12px center !important;
    background-size: 16px !important;
    background-image: url("chrome://browser/skin/bookmark.svg") !important;
    -moz-context-properties: fill;
    fill: currentColor;
    padding-inline-start: 36px !important;
    margin-inline-start: 0 !important;
    min-height: 16px !important;
    color: var(--toolbarbutton-icon-fill-attention, currentColor) !important;
}
#panelMenu_recentBookmarks:-moz-locale-dir(rtl) {
    background-position-x: right 12px !important;
}

Отредактировано Vitaliy V. (14-08-2020 11:25:07)

Отсутствует

 

№902114-08-2020 11:56:49

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

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

Vitaliy V.
Так и знал, что гемморно будет. Да и что значит "недавно" ? Бред какой-то. Вытираю этот пункт  к чертям...Но за науку, спасибо.

Отсутствует

 

№902214-08-2020 12:35:01

MAD FREQUENCY
Участник
 
Группа: Members
Зарегистрирован: 27-04-2008
Сообщений: 6
UA: Firefox 79.0

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

Vitaliy V. пишет

скорее что убрать

О! спасибо!

Удалил вот это

скрытый текст
.tabbrowser-tab::after{ display: none !important }

Отредактировано MAD FREQUENCY (14-08-2020 12:35:38)

Отсутствует

 

№902314-08-2020 19:15:01

MAD FREQUENCY
Участник
 
Группа: Members
Зарегистрирован: 27-04-2008
Сообщений: 6
UA: Firefox 79.0

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

Еще вопрос крайне важный:

Что надо в этот код добавить/убрать
https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/multi-row_tabs.css
что-бы можно было нормально захватывать мышью вкладку и переносить её в нужное место среди других вкладок, отпуская её там где хочешь что-бы она размещалась??

Сейчас, если пытаешься так сделать, то она прицеливается в место размещения по совершенно непонятному алгоритму.
Например, есть два окна со вкладками, в одном две строки открытых вкладок, всего в файле разрешено 5 строк.
Если захватываешь вкладку из нижней строки, то она метит себе место исключительно в верхней строке и наоборот если пытаешься перенести вкладку из верхней строки она метит исключительно в нижнюю.
А допустим мне надо перенести её, но в положение в этой же строке.

Вот как сделать так, что-бы четко куда я её размещаю, туда она и плюхалась??

PS Алгоритм перемещения вкладок, если у меня их в пять строк, еще более не понятен.
PPS Если что, текущий код такой:

скрытый текст
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/multi-row_tabs.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */

/* Makes tabs to appear on multiple lines */
/* Tab reordering will not work and can't be made to work */
/* You can use multi-row_tabs_window_control_patch.css to move window controls to nav-bar*/

/* You might want to move tabs-new-tab-button outside tabs toolbar for smoother behavior */

/* Change the --multirow-n-rows to change maximum number of rows before the rows will start to scroll  */

:root{
    --multirow-n-rows: 5;
    --multirow-tab-min-width: 100px;
    --multirow-tab-dynamic-width: 1; /* Change to 0 for fixed-width tabs using the above width. */
}

/* Scrollbar can't be clicked but the rows can be scrolled with mouse wheel */
/* Uncomment the next line if you want to be able to use the scrollbar with mouse clicks */

/* #tabbrowser-arrowscrollbox{ -moz-window-dragging: no-drag } */

/* Uncommenting the above makes you unable to drag the window from empty space in the tab strip but normal draggable spaces will continue to work */

#tabbrowser-tabs{
  min-height: unset !important;
  padding-inline-start: 0px !important
}

@-moz-document url(chrome://browser/content/browser.xhtml){
  #scrollbutton-up~spacer,
  #scrollbutton-up,
  #scrollbutton-down{ display: var(--scrollbutton-display-model,initial) }

  scrollbox[part][orient="horizontal"]{
    display: flex;
    flex-wrap: wrap;
    overflow-y: auto;
    max-height: calc(var(--tab-min-height) * var(--multirow-n-rows));
    scrollbar-color: currentColor transparent;
    scrollbar-width: thin;
  }
}

.scrollbox-clip[orient="horizontal"],
#tabbrowser-arrowscrollbox{
  overflow: -moz-hidden-unscrollable;
  display: block;
  --scrollbutton-display-model: none;
}

.tabbrowser-tab{ height: var(--tab-min-height); }

#tabbrowser-tabs .tabbrowser-tab[pinned]{
  position: static !important;
  margin-inline-start: 0px !important;
}

.tabbrowser-tab[fadein]:not([pinned]){
  min-width: var(--multirow-tab-min-width) !important;
  flex-grow: var(--multirow-tab-dynamic-width);
  /*
  Uncomment to enable full-width tabs, also makes tab dragging a tiny bit more sensible
  Don't set to none or you'll see errors in console when closing tabs
  */
  /*max-width: 100vw !important;*/
}

.tabbrowser-tab > stack{ width: 100%; height: 100% }

#alltabs-button,
:root:not([customizing]) #TabsToolbar #new-tab-button,
#tabbrowser-arrowscrollbox > spacer,

Отредактировано MAD FREQUENCY (14-08-2020 19:17:53)

Отсутствует

 

№902415-08-2020 00:19:18

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

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

MAD FREQUENCY пишет

Удалил вот это
скрытый текст
.tabbrowser-tab::after{ display: none !important }

да удаляйте что хотите, но там выше селекторы неприкаянные остались

скрытый текст
#alltabs-button,
:root:not([customizing]) #TabsToolbar #new-tab-button,
#tabbrowser-arrowscrollbox > spacer,

MAD FREQUENCY пишет

Что надо в этот код добавить/убрать ... что-бы можно было нормально захватывать мышью вкладку и переносить её в нужное место среди других вкладок, отпуская её там где хочешь что-бы она размещалась??

Ничего, стилем это не решить только скриптом

Отсутствует

 

№902515-08-2020 10:23:18

MAD FREQUENCY
Участник
 
Группа: Members
Зарегистрирован: 27-04-2008
Сообщений: 6
UA: Firefox 79.0

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

Vitaliy V. пишет

но там выше селекторы неприкаянные остались

и чем это грозит?

Отсутствует

 

Board footer

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