О каком расширении речь?
Вы только что говорили, что "цвет выделения не поменялся", а теперь у вас уже и выделение есть, да еще и hover нарисовался.
Когда говорил, просто не догадался кликнуть по заголовку окошка, а hover у меня в Update Bookmark нет, это просто вы меня не так поняли, ну или я не правильно объяснил. Вот смотрите, это после открытия окошка и ЛКМ по ссылке
А это после ЛКМ по заголовку окна.
В Quick Bookmark выделения нет, ни так ни со стилем (так как в нем отсутствует код для выделения).
Ну с Quick Bookmark же уже разобрались, что там наведение и после того, как вы его добавили в стиль, оно у меня появилось.
Отсутствует
Приветствую всех. Как можно сделать так, чтоб кнопка закрытия при наведении курсора (при малой ширине вкладке) не уходила за края? Да и вообще не скакала? Нельзя чтоб она например поверх иконки сайта вставала(как это в vivaldi(или во всех хромоподобных так, не знаю) например)? Раздражает безумно эта прыгающая кнопка закрытия. Скрыл бы ее полностью, да иногда именно через кнопку закрытия закрываю вкладку, а не только роликом. Первый скрин в обычномсостоянии, второй при наведении курсора
Отсутствует
_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)
Отсутствует
as_lan
У меня такое не работает. Да оно вроде и не должно. Так, частями кое что и только на текущей вкладке. И border-radius: без !important; здесь не работает.
Далее здесь №12161.
Отредактировано _zt (14-05-2022 18:54:55)
Отсутствует
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; }
<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>
<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>
Отредактировано _zt (14-05-2022 18:48:50)
Отсутствует
_zt
ну не знаю, у меня работает (про border-radius да, тупанул и забыл дописать, но мне радиус не сильно и нужен был). Правда у меня там еще настройки, брал с гит репы кажется. Там целая солянка наверное. Но вроде от мусора чистил (в силу своих знаний). Полный файл у меня выглядит так
#tabbrowser-tabs .tab-close-button { position: relative; fill: black !important; background-color: #BBB !important; border-radius: 1px; height: 18px !important; width: 18px !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; } .tabbrowser-tab { min-width: 30px !important; } .tab-content:not([pinned]){ overflow: hidden !important; } #PopupSearchAutoComplete .search-one-offs, #PopupSearchAutoComplete .search-panel-header{ display: none !important; } /* remove search go button */ .searchbar-textbox .search-go-button { visibility: hidden !important; } tabbrowser-tab[pinned]{ max-width: 5px !important; } .tab-label-container[pinned] { visibility: hidden !important; } toolbar[mode="icons"] .toolbarbutton-text { display:none !important; } #alltabs-button { display: none; } #context-sep-navigation, #context-navigation, #context-sep-undo, #context-bookmarklink, #context-savepage ~ menuseparator { display: none !important; } /*** Proton Tabs Tweaks ***/ /* Adjust tab corner shape, optionally remove space below tabs */ #tabbrowser-tabs { --user-tab-rounding: 3px; } .tab-background { border-radius: var(--user-tab-rounding) var(--user-tab-rounding) 0px 0px !important; /* Connected */ margin-block: 1px 0 !important; /* Connected */ } #scrollbutton-up, #scrollbutton-down { /* 6/10/2021 */ border-top-width: 1px !important; border-bottom-width: 0 !important; } /* 1/16/2022 Tone down the Fx96 tab border with add-on themes in certain fallback situations */ .tab-background:is([selected], [multiselected]):-moz-lwtheme { --lwt-tabs-border-color: rgba(0, 0, 0, 0.5) !important; border-bottom-color: transparent !important; } [brighttext="true"] .tab-background:is([selected], [multiselected]):-moz-lwtheme { --lwt-tabs-border-color: rgba(255, 255, 255, 0.5) !important; border-bottom-color: transparent !important; } /* Container color bar visibility */ .tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line { margin: 0px max(calc(var(--user-tab-rounding) - 3px), 0px) !important; } /* Override Normal Density height to Compact Density height only for tabs */ #TabsToolbar, #tabbrowser-tabs { --tab-min-height: 29px !important; } /* Tweak for covering a line at the bottom of the active tab on some themes 8/11/2021 */ #main-window[sizemode="normal"] #toolbar-menubar[autohide="true"] + #TabsToolbar, #main-window[sizemode="normal"] #toolbar-menubar[autohide="true"] + #TabsToolbar #tabbrowser-tabs { --tab-min-height: 30px !important; } #scrollbutton-up, #scrollbutton-down { border-top-width: 0 !important; border-bottom-width: 0 !important; } /* [Connected Tabs] Set a max height based on min-height plus margin-block: 1px 0 */ #TabsToolbar, #TabsToolbar > hbox, #TabsToolbar-customization-target, #tabbrowser-arrowscrollbox { max-height: calc(var(--tab-min-height) + 1px) !important; } /* [Connected Tabs] Adjust padding around icons on buttons to avoid crushed images */ #TabsToolbar-customization-target toolbarbutton > .toolbarbutton-icon, #TabsToolbar-customization-target .toolbarbutton-text, #TabsToolbar-customization-target .toolbarbutton-badge-stack, #scrollbutton-up,#scrollbutton-down { padding-top: 7px !important; padding-bottom: 6px !important; } /* Inactive tabs: Outline style */ .tab-background { --context-line-margin-adjust: 4px; /* 1/16/2022 */ --context-line-active-adjust: 0px; /* 1/16/2022 */ } .tabbrowser-tab:not([selected=true]):not([multiselected=true]) .tab-background { border: 1px solid rgba(0, 0, 0, .20) !important; /* To pick up a theme background tab separator color, un-comment the following line: */ /* border: 1px solid var(--lwt-background-tab-separator-color, rgba(0, 0, 0, .20)) !important; */ border-bottom-color: transparent !important; } /* For dark backgrounds */ [brighttext="true"] .tabbrowser-tab:not([selected=true]):not([multiselected=true]) .tab-background { border: 1px solid var(--lwt-selected-tab-background-color, rgba(255, 255, 255, .20)) !important; /* To pick up a theme background tab separator color, un-comment the following line: */ /* border: 1px solid var(--lwt-background-tab-separator-color, var(--lwt-selected-tab-background-color, rgba(255, 255, 255, .20))) !important; */ border-bottom-color: transparent !important; } /* Remove extra padding between tabs */ .tabbrowser-tab:not(:first-of-type) { padding-left: 0 !important; } /* Move container color bar to bottom of tab - updated 1/16/2022 */ .tab-background { --context-line-margin-adjust: 3px; /* 1/16/2022 */ --context-line-active-adjust: 1px; /* 1/16/2022 */ } .tabbrowser-tab[usercontextid]:is([selected=true], [visuallyselected="true"], [multiselected]) .tab-background { border-top: 1px solid transparent; /* 1/16/2022 Default border for consistency */ } .tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line { margin-top: calc(var(--tab-min-height) - var(--context-line-margin-adjust)) !important; } .tabbrowser-tab[usercontextid]:is([selected=true], [visuallyselected="true"], [multiselected]) > .tab-stack > .tab-background > .tab-context-line { margin-top: calc(var(--tab-min-height) - var(--context-line-margin-adjust) - var(--context-line-active-adjust)) !important; } /* Tweak Options as of 1/12/2022; Generated Wed Apr 06 2022 18:55:44 GMT+0300 (Москва, стандартное время) */
А выглядит это так.
Именно то что я хотел. Иконка закрытия перекрывает собой все. При этом никуда не дергается. Поведение должно быть только на активной вкладке. На неактивных я и не хотел отображения крестика
Отсутствует
Подскажите, как в CSS-стиле сделать строки, которые будут действовать только на macos, то есть не сработают в windows и linux?
наподобие такого: @media not all and (-moz-os-version: windows-win7) {…}
Отсутствует
Здравствуйте.Подскажите пожалуйста, что можно сделать, чтобы при использовании тёмной темы в ФФ, адресная строка так же оставалась бы тёмная и нормально читаемая, как на ФФ 99?Как обновился на версию 100, адресная строка(она же и поиск) стала белой и не видно, что вводишь пока не выделишь, это только с тёмными темами так, пришлось откатить на версию 99, где всё прекрасно работает, но постоянно просит обновить на 100.
В наше время единственные настоящие оригиналы - люди, которые ведут себя правильно.
Отсутствует
Подскажите пожалуйста, что можно сделать, чтобы при использовании тёмной темы в ФФ, адресная строка так же оставалась бы тёмная и нормально читаемая,
Включить тёмную(или свою) тему в about:addons
Win7
Отсутствует
Как обновился на версию 100, адресная строка(она же и поиск) стала белой и не видно, что вводишь пока не выделишь, это только с тёмными темами так
У себя не наблюдаю такой проблемы с тёмными темами, но можно попробовать такой вариант
toolbar[brighttext]:-moz-lwtheme:not([lwt-default-theme-in-dark-mode]) #urlbar-background { --toolbar-field-background-color: rgb(28, 27, 34) !important; --toolbar-field-focus-background-color: rgba(66, 65, 77, 1) !important; }
Отредактировано sandro79 (19-05-2022 12:42:20)
Отсутствует
но можно попробовать такой вариант
Как этим пользоваться, куда вставить?
Добавлено 19-05-2022 12:53:38
Включить тёмную(или свою) тему в about:addons
Естественно включена тёмная тема (и своя ), но нормально отображает только на версии до 100
Отредактировано lev-prav (19-05-2022 12:53:38)
В наше время единственные настоящие оригиналы - люди, которые ведут себя правильно.
Отсутствует
Естественно включена тёмная тема (и своя ), но нормально отображает только на версии до 100
Отредактировано kokoss (19-05-2022 13:12:10)
Win7
Отсутствует
Естественно включена тёмная тема (и своя ), но нормально отображает только на версии до 100
Надо еще в настройках Настройки>Основные в разделе Язык и внешний вид Внешний вид сайтов указать темная тема
Отсутствует
Надо еще в настройках Настройки>Основные в разделе Язык и внешний вид Внешний вид сайтов указать темная тема
вот так должно быть (на версии 99 прекрасно работает)
а это получается после обновления на версию 100,
Отредактировано lev-prav (19-05-2022 19:53:03)
В наше время единственные настоящие оригиналы - люди, которые ведут себя правильно.
Отсутствует
вот так должно быть (на версии 99 прекрасно работает)
Сам себе отвечу.Проблема с тёмным фоном в адресной строке после обновления на версию 100+ исчезла после toolkit.legacyUserProfileCustomizations.stylesheets смены параметра на false
В наше время единственные настоящие оригиналы - люди, которые ведут себя правильно.
Отсутствует
lev-prav
Это не решение. С toolkit.legacyUserProfileCustomizations.stylesheets = false у вас ни один стиль работать не будет, а следовательно проблема не в , а в устаревшем стиле который лежит у вас в подпапке "chrome" профиля, но вы даже не знаете что это такое.
Отсутствует
Раньше было расширение dominspector и прочие.
а чем в сейчас ищут элемент интерфейса в коде ?
И ещё как заменить значок глобуса для закладки без значка на другое изображение на фф68 ? (изображение есть)
Отредактировано Kero (03-06-2022 01:33:18)
Отсутствует