Добрый день. Подскажите пожалуйста . Использую этот код для фиксирования ширины вкладок и уменьшение высоты вкладок . Проблема а том, что при уменьшении высоты вкладок меньше 25px вкладка начинает уменьшатся по высоте ,оставляя снизу от панели инструментов промежуток . Как корректно уменьшить высоту вкладок без последствий.
.tabbrowser-tab[fadein]:not([pinned]) { max-width: 150px !important; max-height: 27px !important; }
Отсутствует
Vitaliy V.
hover на что, на псевдоэлемент?
Тонкий ход ! А на эту шнягу hover7
Отсутствует
Как корректно уменьшить высоту вкладок без последствий
Варианты: https://forum.mozilla-russia.org/viewto … 91#p774491 или https://forum.mozilla-russia.org/viewto … 03#p774503
: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; }
Отсутствует
solombala
так что-ли
:is(menu,menuitem)[_moz-menuactive="true"]:where(:not([disabled="true"])) > .menu-accel-container > :where(.menu-accel,.menu-iconic-accel) { color: gold !important; }
Отсутствует
Vitaliy V.
Сказать, что это не просто, ничего не сказать...
Ну надо же...В 77 код не сработал...В 79 -да.
Отредактировано solombala (11-08-2020 23:29:03)
Отсутствует
Ну надо же...В 77 код не сработал...В 79 -да.
Ясное дело не сработает (без about:config), не видишь новые псевдо-классы :is :where они для 78+
замени на :-moz-any, и на просто :not([disabled="true"])
Отредактировано Vitaliy V. (12-08-2020 01:13:49)
Отсутствует
Варианты:
Большое спасибо , вторая ссылка сработала.
Потихоньку переходим на новую FF , кто бы еще на планете FF восстановил Simple Mail , но............... .
Отредактировано Duche (12-08-2020 09:05:21)
Отсутствует
Добрый день. Хочу спросить специалистов , кому-нибудь удалось победить средствами CSS или другими ,проскакивание белого фона , от момента нажатия на иконку, ссылки на сайт, до начала загрузки содержимого контента . about:blank фоном я залил, но это не то. Ночнушки не помогают.
Отсутствует
Отсутствует
Отсутствует
изменить. "Справа"
"Справка" и др. так
Отсутствует
Vitaliy V.
Подскажите пожалуйста. Хотел немного увеличить расстояние между плиток по горизонтали в about:newtab, чтоб стало как то было раньше в 68, но не совсем получается.
При увеличении расстояния не вмещается последняя плитка и переходит вниз. Получается семь плиток вместо восьми. Может можно как-то вместить все восемь плиток в одну строку с увеличенным отступом между ними? Спасибо.
@-moz-document url("about:newtab"), url("about:home") { .ds-top-sites .top-sites .top-site-outer { padding: 0 16px !important; } }
Отсутствует
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; } } }
Отсутствует
Нужна помощь:
вот с этим кодом, я получил возможность размещать вкладки в несколько строк
https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/multi-row_tabs.css ,
НО пропал контур выбранной вкладки (боковые линии) и пропали разделители между вкладками,
есть только верхний, жирный контур у выбранной вкладки.
Что надо дописать в код что-бы их вернуть?
Отсутствует
Vitaliy V. А, на этот ID можно иконку повесить?
Отсутствует
Что надо дописать в код что-бы их вернуть?
скорее что убрать
#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)
Отсутствует
скорее что убрать
О! спасибо!
Удалил вот это
Отредактировано MAD FREQUENCY (14-08-2020 12:35:38)
Отсутствует
Еще вопрос крайне важный:
Что надо в этот код добавить/убрать
https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/multi-row_tabs.css
что-бы можно было нормально захватывать мышью вкладку и переносить её в нужное место среди других вкладок, отпуская её там где хочешь что-бы она размещалась??
Сейчас, если пытаешься так сделать, то она прицеливается в место размещения по совершенно непонятному алгоритму.
Например, есть два окна со вкладками, в одном две строки открытых вкладок, всего в файле разрешено 5 строк.
Если захватываешь вкладку из нижней строки, то она метит себе место исключительно в верхней строке и наоборот если пытаешься перенести вкладку из верхней строки она метит исключительно в нижнюю.
А допустим мне надо перенести её, но в положение в этой же строке.
Вот как сделать так, что-бы четко куда я её размещаю, туда она и плюхалась??
PS Алгоритм перемещения вкладок, если у меня их в пять строк, еще более не понятен.
PPS Если что, текущий код такой:
/* 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)
Отсутствует
Удалил вот это
скрытый текст
.tabbrowser-tab::after{ display: none !important }
да удаляйте что хотите, но там выше селекторы неприкаянные остались
Что надо в этот код добавить/убрать ... что-бы можно было нормально захватывать мышью вкладку и переносить её в нужное место среди других вкладок, отпуская её там где хочешь что-бы она размещалась??
Ничего, стилем это не решить только скриптом
Отсутствует
но там выше селекторы неприкаянные остались
и чем это грозит?
Отсутствует