Как восстановить рыжую кнопку?
Отсутствует
После обновления до 72 стала чудить пенель вкладок. Когда я перетаскиваю на нее ссылку, чтобы открыть ее в новой вкладке, панель вкладок увеличивается в высоту где-то на один миллиметр. То есть появляется маркер места вставки новой вкладки и увеличивается высота панели. Как только я отпускаю левую клавишу мыши, чтобы вставить ссылку в новой вкладке высота пенели снова возвращается в исходное положение. Очень раздражает когда я с зажатой левой клавишей провожу вдоль панели вкладок, перемещая маркер вставки. Тогда высота панели дергается, т. е. резко изменяется всякий раз, когда предполагаемое место вставки меняется. Рябит в глазах. Помогите, пожалуйста, исправить. Привел скриншоты, но на них этот эффект плохо виден.
В userChrome.css сейчас стоят такие настройки (чтобы скрыть белую полосу над активной вкадкой):
#TabsToolbar,
#titlebar,
#tabbrowser-tabs {
--tab-min-height: 26px !important;
--toolbarbutton-inner-padding: 3px !important;
}
@media (-moz-windows-compositor) {
#main-window[sizemode="normal"] > #titlebar {
-moz-appearance: none !important;
}
}
Отредактировано Вжух (12-01-2020 21:25:12)
Отсутствует
После обновления до 72 стала чудить пенель вкладок. Когда я перетаскиваю на нее ссылку, чтобы открыть ее в новой вкладке,
Это действительно хороший способ, тянуть ссылку через пол-экрана и через панели? Ведь легко реализуется способ "потянуть линк пикселей на 10" с открытием его в новом табе.
Отсутствует
Это действительно хороший способ, тянуть ссылку через пол-экрана и через панели?
Да, это действительно хороший способ для открытия новой вкладки, которая расположена среди других вкладок, там где я захочу. Был бы плохим - я бы его не использовал, вероятно, да? Думаю, вопросов больше быть не должно.
Отредактировано Вжух (13-01-2020 10:07:57)
Отсутствует
Vitaliy V.
Пожалуйста, сделайте, чтобы вариант справа выглядел так же, как слева. Смысл понятен по картинкам. Спасибо!
Отсутствует
Заголовок окна после этого стал белым. А как у него цвет поменять и цвет шрифта у текста на нем?
В userChrome.css. Вроде это. Может, что и избыточное, но в v68 работает.
#main-window:-moz-window-inactive:not(:-moz-lwtheme) {
background-color: InactiveCaption !important; /*цвет фона неактивного окна*/
}
@media (-moz-windows-default-theme) {
#main-window:not(:-moz-lwtheme) {
background-color: rgb(28,148,99) !important; /*цвет фона активного окна (дефолтная тема Windows)*/
}
#main-window:-moz-window-inactive:not(:-moz-lwtheme) {
background-color: rgb(150,150,150) !important; /*цвет фона неактивного окна*/
}
#PlacesChevron {
padding-left: 16px !important;
padding-right: 16px !important;
}
}
}
}
Отсутствует
чтобы вариант справа выглядел так же, как слева
*|*:root[privatebrowsingmode="permanent"] .private-browsing-indicator { display: -moz-box !important; } *|*:root:-moz-any([privatebrowsingmode="temporary"],[privatebrowsingmode="permanent"]) #privatebrowsing-button { fill: #ff00ff !important; }
Когда я перетаскиваю на нее ссылку, чтобы открыть ее в новой вкладке, панель вкладок увеличивается в высоту
.tab-drop-indicator-box .tab-drop-indicator { height: 21px !important; width: auto !important; }
Отредактировано Vitaliy V. (14-01-2020 16:32:47)
Отсутствует
почему с выходом новых версий вообще меняется способ оформления стилей?!? для меня загадка, зачем это делается!!!
вот все было чудесно на 71:
Отредактировано iamgdv (14-01-2020 18:31:36)
Отсутствует
чтобы вариант справа выглядел так же, как слева
Спасибо. Нижняя не меняется.
Отредактировано shadow_user (14-01-2020 19:19:39)
Отсутствует
shadow_user
если это #privatebrowsing-button и др. стили не мешают должно работать
Отсутствует
Выделить кодКод:
.tab-drop-indicator-box .tab-drop-indicator { height: 21px !important; width: auto !important; }
Спасибо, помогло! Только высоту я сделал 26. Так маркер лучше видно и ничего не дергается.
Отсутствует
Подскажите плиз, в 72-й версии перестал работать вот этот кусок, который более толстые кнопки Вперед-Назад делал:
/* Более толстые кнопки Вперед-Назад */ #main-window:not(#f) #back-button { list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAjUlEQVR42uWXwQrAIAxD9f8/OttlIDK2mkYrVvCYl3cQtbX4Fu5dPQBPGAIGHYaAQYchYNBhCBh0GAIGHYaAQYchYNDhv/KpApbyaQLW8ikCI+Xu1QssLe8Flpe3AiHlj0BY+TYCJVJim0MYJrHdRcRInPkYjUic/SGxSOT4lH5J5BpM3iRyDqethItxAaTNIBfhl7xRAAAAAElFTkSuQmCC") !important; } #main-window:not(#f) #forward-button { list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAkElEQVR42sWXSw7AIAhEy/0P3ZoumtRoKyPwSFy4YObFL9ixH2cbpibLiR2ArBUJIOlFA7g1MwBculkAy9qZAEv62QC/HhUAnz5VAFOvSoChnzkFIsL6STXAC4ICeCBIgNufBsBXAAdAtwA9hOg1tOlEjO2nuAoA/YzQ7xgtSNCSDC1K0bIcbUzQ1gxtTmWdCyMiIB+7tLLnAAAAAElFTkSuQmCC") !important; }
Можно поправить как-то?
Отсутствует
если это #privatebrowsing-button и др. стили не мешают должно работать
Точно, мешал этот стиль https://forum.mozilla-russia.org/viewto … 41#p776041 (последний спойлер). Заменил на обсуждаемый, все Ок. Спасибо!
Отсутствует
Retif
#main-window которая и не может быть #f
короче удалите это всё а не работает потому что #main-window теперь html, в таком виде не сработает если пространство имён
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
Отсутствует
как хотя бы близкий внешний вид получить на 72+ ?
Попробуйте стиль "вкладки не вверху" + tabs_multiple_lines_fx71 из Classic CSS tweaks, пофиксенный по рекомендации отсюда. Вроде работает в 72.
@-moz-document url-prefix("chrome://browser/content/browser.x") { *|*:root:not([inFullscreen]) #navigator-toolbox { position: relative !important; border-bottom: none !important; --v-toolbar-button-inner-padding: var(--toolbarbutton-inner-padding, 6px); } *|*:root:not([inFullscreen]) #navigator-toolbox > toolbar { -moz-box-ordinal-group: 10 !important; } *|*:root:not([inFullscreen]) #navigator-toolbox > #nav-bar { margin-top: calc(2 * var(--v-toolbar-button-inner-padding) + 16px) !important; margin-bottom: 0 !important; box-shadow: none !important; -moz-box-ordinal-group: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } *|*:root:not([inFullscreen]) #navigator-toolbox > #PersonalToolbar { -moz-box-ordinal-group: 1 !important; } *|*:root:not([inFullscreen])[tabsintitlebar][sizemode="normal"] #navigator-toolbox { -moz-appearance: -moz-window-titlebar !important; } *|*:root:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #navigator-toolbox { -moz-appearance: -moz-window-titlebar-maximized !important; } *|*:root:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme #navigator-toolbox { visibility: hidden !important; } *|*:root:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme #navigator-toolbox > *:not([collapsed="true"]) { visibility: visible; } #navigator-toolbox > #titlebar { -moz-appearance: none !important; -moz-box-ordinal-group: 100 !important; --v-control-buttons-left: auto; --v-control-buttons-right: 0; position: static !important; } #navigator-toolbox > #titlebar:-moz-locale-dir(rtl) { --v-control-buttons-left: 0; --v-control-buttons-right: auto; } *|*:root:not([inFullscreen]) #toolbar-menubar { padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; display: flex !important; flex-wrap: nowrap !important; flex-direction: row !important; align-items: stretch !important; justify-content: flex-start !important; border: none !important; background: none !important; box-sizing: content-box !important; min-height: 0 !important; height: calc(2 * var(--v-toolbar-button-inner-padding) + 16px) !important; overflow: hidden !important; } *|*:root:not([inFullscreen]) #toolbar-menubar > .toolbaritem-combined-buttons { display: flex !important; flex-wrap: nowrap !important; flex-direction: row !important; align-items: stretch !important; justify-content: flex-start !important; } *|*:root:not([inFullscreen]) #toolbar-menubar > :-moz-any(toolbaritem,toolbarbutton), *|*:root:not([inFullscreen]) #toolbar-menubar > .toolbaritem-combined-buttons > * { align-self: center !important; } *|*:root:not([inFullscreen]) #toolbar-menubar > .toolbaritem-combined-buttons > * > * { vertical-align: middle !important; } *|*:root:not([inFullscreen]) #toolbar-menubar > :-moz-any(#menubar-items,#wrapper-menubar-items,.titlebar-buttonbox-container) { align-self: flex-start !important; } *|*:root[inFullscreen] #toolbar-menubar { visibility: collapse !important; } *|*:root:not([inFullscreen]) #toolbar-menubar > * { padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; } *|*:root:not([inFullscreen]) #toolbar-menubar[autohide="true"][inactive="true"]:not([customizing="true"]) > *:not(.titlebar-buttonbox-container) { visibility: hidden !important; } *|*:root:not([inFullscreen]) #toolbar-menubar > * > * { vertical-align: middle; } *|*:root:not([inFullscreen]) #toolbar-menubar > #menubar-items > * { vertical-align: top; } @media (-moz-windows-classic) { *|*:root:not([inFullscreen])[tabsintitlebar] #toolbar-menubar { padding-top: 4px !important; } *|*:root:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] { min-height: 4px !important; } *|*:root:not([inFullscreen])[tabsintitlebar][sizemode="normal"]:-moz-lwtheme #toolbar-menubar { background-image: linear-gradient(to bottom, ThreeDLightShadow 0, ThreeDLightShadow 1px, ThreeDHighlight 1px, ThreeDHighlight 2px, ActiveBorder 2px, ActiveBorder 4px, transparent 4px) !important; } *|*:root:not([inFullscreen])[tabsintitlebar][sizemode="normal"] #nav-bar { margin-top: calc(2 * var(--v-toolbar-button-inner-padding) + 20px) !important; } } @media (-moz-windows-compositor), (-moz-os-version: windows-win7) and (-moz-windows-default-theme) { *|*:root:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #toolbar-menubar { padding-top: 8px !important; } } *|*:root:not([inFullscreen]) #toolbar-menubar > *[ordinal="1000"], *|*:root:not([inFullscreen]) #toolbar-menubar > .titlebar-buttonbox-container { order: 1000 !important; } *|*:root:not([inFullscreen]) #toolbar-menubar > :-moz-any(toolbarspring,spacer,[id^="wrapper-customizableui-special-spring"]) { flex-grow: 1 !important; } *|*:root:not([inFullscreen]) #TabsToolbar { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; box-shadow: 0 -1px 0 var(--tabs-border-color, rgba(0,0,0,.3)) inset !important; position: static !important; } *|*:root:not([inFullscreen]) #TabsToolbar #tabbrowser-tabs { padding-bottom: 0 !important; margin-bottom: 0 !important; } *|*:root:not([inFullscreen]) #TabsToolbar > .toolbar-items { padding-top: 0 !important; margin-top: 0 !important; } *|*:root:not([inFullscreen]) #TabsToolbar .tab-background { border-top-style: solid !important; } *|*:root:not([inFullscreen])[tabsintitlebar] #TabsToolbar .titlebar-buttonbox-container, *|*:root:not([inFullscreen]) #navigator-toolbox::after, *|*:root:not([inFullscreen]) #TabsToolbar::after, *|*:root:not([inFullscreen]) #TabsToolbar .titlebar-spacer:-moz-any([type="pre-tabs"],[type="post-tabs"]) { display: none !important; } } *|*:root{ --tabs-lines: 6; --tab_min_width_mlt: 80px; --tab_max_width_mlt: 200px; --tab-min-height_mlt: var(--tab-min-height,32px); /* set own value here, if used without configuration files */ } #tabbrowser-tabs{ min-height: unset !important; padding-inline-start: 0px !important; } /* Selectors for Firefox 71+ */ /* These are not tabs toolbar specific but horizontal scrollbox isn't used elsewhere, except in bookmarks toolbar but there it doesn't have [part] attribute since it's not in shadow-root */ @-moz-document url(chrome://browser/content/browser.xhtml){ .scrollbutton-up[orient="horizontal"][part]~spacer, .scrollbutton-up[orient="horizontal"][part], .scrollbutton-down[orient="horizontal"][part]{ display: none !important; } scrollbox[part][orient="horizontal"]{ display: flex; flex-wrap: wrap; overflow-y: auto; max-height: calc(var(--tab-min-height_mlt) * var(--tabs-lines)); } } /* Test for Firefox > 66 */ @supports (inset-block:auto){ #tabbrowser-tabs > .tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox{ display: flex; flex-wrap: wrap; overflow-y: auto; max-height: calc(var(--tab-min-height_mlt) * var(--tabs-lines)); } #tabbrowser-tabs > .tabbrowser-arrowscrollbox { overflow: -moz-hidden-unscrollable; display: block; /*margin-bottom:-1px !important;*/ } :-moz-any(.tabs-newtab-button,#tabs-newtab-button) { height: var(--tab-min-height_mlt) !important; } } /* Test for Firefox < 66 */ @supports not (inset-block:auto){ #tabbrowser-tabs > .tabbrowser-arrowscrollbox{ min-height: unset !important; } #tabbrowser-tabs .scrollbox-innerbox{ display: flex; flex-wrap: wrap; } #tabbrowser-tabs .arrowscrollbox-scrollbox { overflow: -moz-hidden-unscrollable; display: block; } } .tabbrowser-tab{ height: var(--tab-min-height_mlt); } #tabbrowser-tabs .tabbrowser-tab[pinned]{ position: static !important; margin-inline-start: 0px !important; } .tabbrowser-tab[fadein]:not([pinned]) { flex-grow: 1; min-width: var(--tab_min_width_mlt) !important; max-width: var(--tab_max_width_mlt) !important; } .tabbrowser-tab > stack{ width: 100%; height: 100%; } #tabbrowser-tabs .scrollbutton-up, #tabbrowser-tabs .scrollbutton-down, #alltabs-button, *|*:root:not([customizing]) #TabsToolbar #new-tab-button, #tabbrowser-tabs spacer, .tabbrowser-tab::after{ display: none !important; } #tabbrowser-tabs[overflow="true"] > .tabbrowser-arrowscrollbox > :-moz-any(.tabs-newtab-button,#tabs-newtab-button), #tabbrowser-tabs:not([hasadjacentnewtabbutton]) > .tabbrowser-arrowscrollbox > :-moz-any(.tabs-newtab-button,#tabs-newtab-button), #TabsToolbar[customizing="true"] #tabbrowser-tabs > .tabbrowser-arrowscrollbox > :-moz-any(.tabs-newtab-button,#tabs-newtab-button) { visibility: hidden !important; } /* hide private window indicator, window controls and titlebar placeholders */ *|*#main-window[tabsintitlebar] #TabsToolbar .private-browsing-indicator, *|*#main-window[tabsintitlebar] #TabsToolbar #window-controls, *|*#main-window[tabsintitlebar] #TabsToolbar .titlebar-spacer[type="pre-tabs"], *|*#main-window[tabsintitlebar] #TabsToolbar .titlebar-spacer[type="post-tabs"] { display: none !important; } #TabsToolbar .titlebar-placeholder[type="pre-tabs"], #TabsToolbar .titlebar-placeholder[type="post-tabs"] { opacity: 0 !important; } /* hide tab borders set by Firefox 58+ to solve 'blank space below tabs' issue */ .tabbrowser-tab::after, .tabbrowser-tab::before { border-left: unset !important; border-image: unset !important; border-image-slice: unset !important; border: 0 !important; } /* Fx66+ tab close fix */ #TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([pinned]) .tab-close-button { visibility: visible !important; display: block !important; } #TabsToolbar #tabbrowser-tabs .tabbrowser-tab[pinned] .tab-close-button { visibility: hidden !important; display: block !important; -moz-margin-start: -18px !important; } /* fix scrollbar */ *|*#main-window[tabsintitlebar] #tabbrowser-tabs { -moz-window-dragging: no-drag !important; } /*lw theme fix */ *|*#main-window[style*='--lwt-header-image']:-moz-lwtheme { background-repeat: repeat-y !important; } *|*:root:not([customizing]) #navigator-toolbox #TabsToolbar #new-tab-button { display: unset !important; visibility: visible !important; } :-moz-any(.tabs-newtab-button,#tabs-newtab-button) { display: none !important; visibility: hidden !important; }
Отсутствует
#main-window которая и не может быть #f
Разве дело в «не может»?
Псевдо-класс :not может использоваться как трюк для придания специфичности.
Безотносительно необходимости и полезности этого именно в данном случае,
следует признать, что такой феномен существует.
Возможно переписать другие правила. Например foo:not(bar) найдёт тот же
элемент, что и простой foo. Тем не менее специфичность первого выше.
Отсутствует
как трюк для придания специфичности.
Вот конкретно даже не задумался зачем там так было сделано, но да наверно чтобы перебить другие стили, похоже ещё для старых версий
Про специфичность в курсе, почему не использовать нормальные реальные селекторы?! Или типа чтобы мой код никто не смог перебить?!
Отсутствует
Кто-нибудь помогите вернуть рыжую кнопку? Пожалуйста.
Отсутствует
Vitaliy V.
У меня два вопроса: bindings - накрылся окончательно в72? . Как теперь с иконками? "Agent shift" тоже того? И рорup urlbar код новый? , а то опять длинный...
Отсутствует
Кто-нибудь помогите вернуть рыжую кнопку?
Если используйте CustomCSSforFx от Aris, то просто включите строку: должно быть так -> @import "./css/appbutton/appbutton_in_titlebar.css"; /**/ /* <-- label only */, в файле userChrome.css
Win7
Отсутствует
Vitaliy V.
Здравствуйте, у меня похоже сломался findbar не подхватывает .xml, а .css пашет, начиная с 72+.
:-moz-any(#tabbrowser-tabpanels,tabbrowser#content) findbar>.findbar-container>.find-status-icon{-moz-binding:url("../vertical_top_bottom_bar/findbar.xml#findbar")!important;}
наверно дело в синтаксисе кода? и что-то про биндинги писали, в коде вроде есть?
Отсутствует
И рорup urlbar код новый? , а то опять длинный...
В 72+ можно использовать этот способ https://forum.mozilla-russia.org/viewto … 26#p775226
наверно дело в синтаксисе кода? и что-то про биндинги писали, в коде вроде есть?
Биндинги приказали долго жить. Есть правленный (10-01-2020 01:57:07) findbar здесь под вторым спойлером.
Vitaliy V.
Подскажите пожалуйста, код для изменения "Восстановить закрытую вкладку" на более компактное "Восстановить вкладку" в двух меню по ПКМ, на вкладке и на панели вкладок. Спасибо.
Отсутствует