Doe John™
Ну попробуйте, с учетом вертикальных сжатых.
.tabbrowser-tab { .tab-close-button { position: fixed !important; background-color: transparent !important; border-radius: 2px !important; margin-inline-start: -4px !important; } .tab-close-button.close-icon { -moz-context-properties: fill, fill-opacity !important; color: inherit !important; background: transparent; fill: red !important; fill-opacity: 0 !important; height: 24px !important; width: 24px !important; padding: 0 !important; } &:not([pinned=true],:hover) .tab-close-button { display: none !important; } } .close-icon:hover { list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'><path d='M0 0h20v20H0z' style='fill:context-fill;fill-opacity:context-fill-opacity'/><path d='m6 6 8 8m-8 0 8-8' style='fill:none;stroke:context-fill;stroke-width:2'/></svg>") !important; background-color: rgba(0, 116, 232,.4) !important; outline: 1px solid rgb(0, 116, 232) !important; } .close-icon:hover:active { background-color: rgba(0, 116, 232,.6) !important } #tabbrowser-tabs[orient="vertical"]:not([expanded]) .tabbrowser-tab { .tab-close-button { position: absolute !important; &.close-icon { background-image: none !important; box-shadow: none !important; top: 0px !important; left: 12px !important; height: 18px !important; width: 18px !important; } } }
Отсутствует
C181UMZ
Попробовать что то с
menupopup {
appearance: none !important;
и далее свой стиль меню.
Нет 11, посмотреть не могу.
Вообще любое оформление меню всегда с appearance: none, так что гляньте типа такого - отсюда и до 1457 строки.
https://github.com/black7375/Firefox-UI-Fix/blob/db615f1753e6975b47ebb9e16fed7d67b2473c0d/css/leptonChrome.css#L1120
Всего 337 строк. Но я не знаю работает ли оно так, если просто код выдернуть. По идее должно.
Отсутствует
Здравствуйте!Здесь написано, что:При запуске в Windows 11 всплывающие окна и контекстные меню теперь выводятся в "акриловом" стиле, соответствующем эстетике операционной системы.Подскажите, пожалуйста, как убрать тот "стиль" и ту "эстетику" к..., даже не знаю как без матюков сказать куда, и вернуть стилем то, как было до версии Firefox 138 или как осталось в Windows 10, или хотя бы самому цвет всплывающих окон и контекстного меню браузера изменить?Спасибо!
Нашел, может кому-то пригодится: user_pref("widget.windows.mica.popups", 0);
Ну или в about:config сменить widget.windows.mica.popups с 2 на 0.
Отредактировано C181UMZ (01-05-2025 01:44:00)
Отсутствует
Давным-давно есть у меня стиль для "всплывашек". С этой версии улетели из правого нижнего угла в правый верхний. Как их вернуть на место, т.е. в правый нижний угол экрана?
/* Стиль для всплывашек. Делает их удобочитаемыми. Отключает системные уведомления и показывает "всплывашки" в about:config alerts.useSystemBackend --> false alerts.useSystemBackend.windows.notificationserver.enabled --> false изначальный https://forum.mozilla-russia.org/viewtopic.php?pid=712196#p712196 изменения с 113-й в стиле памятка для стилей https://forum.mozilla-russia.org/viewtopic.php?pid=804901#p804901 доплнительный, на основе моего https://forum.mozilla-russia.org/viewtopic.php?pid=805027#p805027 */ @-moz-document url("chrome://global/content/alerts/alert.xhtml") { #alertNotification { padding: 5px !important; } #alertImage { max-height: 36px !important; max-width: 36px !important; margin: 4px 10px !important; padding: unset !important; } #alertTextBox { flex-direction: row !important; align-items: center !important; justify-content: center !important; } #alertBox { padding-block-end: 7px !important; box-shadow: rgba(84, 83, 87, 0.32) 0 0 5px !important; } /** размер шрифта сообщения **/ #alertTextLabel { font-size: 1.25em; /* 20px https://hvenja.ru/em-px-converter/ */ } }
Отсутствует
Doe John™Ну попробуйте, с учетом вертикальных сжатых.скрытый текстВыделить код
скрытый текстКод:.tabbrowser-tab {
.tab-close-button {
position: fixed !important;
background-color: transparent !important;
border-radius: 2px !important;
margin-inline-start: -4px !important;
}
.tab-close-button.close-icon {
-moz-context-properties: fill, fill-opacity !important;
color: inherit !important;
background: transparent;
fill: red !important;
fill-opacity: 0 !important;
height: 24px !important;
width: 24px !important;
padding: 0 !important;
}
&:not([pinned=true],:hover) .tab-close-button {
display: none !important;
}
}
.close-icon:hover {
list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'><path d='M0 0h20v20H0z' style='fill:context-fill;fill-opacity:context-fill-opacity'/><path d='m6 6 8 8m-8 0 8-8' style='fill:none;stroke:context-fill;stroke-width:2'/></svg>") !important;
background-color: rgba(0, 116, 232,.4) !important;
outline: 1px solid rgb(0, 116, 232) !important;
}
.close-icon:hover:active {
background-color: rgba(0, 116, 232,.6) !important
}
#tabbrowser-tabs[orient="vertical"]:not([expanded]) .tabbrowser-tab {
.tab-close-button {
position: absolute !important;
&.close-icon {
background-image: none !important;
box-shadow: none !important;
top: 0px !important;
left: 12px !important;
height: 18px !important;
width: 18px !important;
}
}
}
Почти идеально, только вот так получилось.
Отредактировано Doe John™ (01-05-2025 09:50:45)
Отсутствует
И все-таки: может быть, есть способ сделать полосы прокрутки в стиле 7, чтобы окно браузера соответствовало системному оформлению?
Отсутствует
Дополню свой пост выше №14405.
Чтобы посмотреть, можно вставить код в консоль браузера (Ctrl + Shift + J) и запустить. Например, такой:
var alertsService = Cc["@mozilla.org/alerts-service;1"].getService(Ci.nsIAlertsService); alertsService.showAlertNotification("chrome://browser/skin/customizableui/whimsy.png", "Всплывашка", "Перемести меня в другой уголок!"); setTimeout(() => alertsService.closeAlert(), 2000);
Думаю, это баг. Надеюсь, исправят.
Добавление параметра ui.alertNotificationOrigin = 0 или 1 решает проблему в 138-й. Раньше это было по дефолту.
Отредактировано xrun1 (01-05-2025 22:15:51)
Отсутствует
В стиле
7 - забудьте. Там только по одному цвету для слайдера, +hover, +active.
А разве нельзя использовать для стилизации border, background и т. д. так же, как для других элементов страницы?
Отсутствует
Это не элемент страницы.
Тогда почему многие сайты меняют вид скроллбаров "под себя", YouTube, например (что, между прочим, дико бесит)?
Отсутствует
А разве нельзя использовать для стилизации border, background и т. д.
Скроллбар вполне стилизуется скриптом, вид одинаков везде, и на youtube.
Отсутствует
Алексей У.
Если в about:config настроено, то не меняет.
/* Полосы прокрутки специфичные для разных платформ [Fx 100]
* По умолчанию - 0, MacOs - 1 (без кнопок), GTK - 2 (без кнопок),
* Android - 3 (без кнопок), Windows 10 - 4, Windows 11 - 5 ***/
user_pref("widget.non-native-theme.scrollbar.style", 3);
// Переопределить размер скролбара для не нативных тем (2 или 3 в префе выше)
user_pref("widget.non-native-theme.scrollbar.size.override", 6);
/* Наложенный скролбар (прозрачный без наведения) + скрытие слайдера через
* ~3сек неактивности (с метками поиска) ***/
user_pref("ui.useOverlayScrollbars", 1); // [HIDDEN PREF]
Скрипт может быть нужен только для того что бы применить стиль для раскраски с повышенными правами агента. В ucf это без скрипта делается.
Так это работает с версиями от 100 до 140.
Отредактировано _zt (01-05-2025 19:59:58)
Отсутствует
Скроллбар вполне стилизуется скриптом, вид одинаков везде, и на youtube.
А что за скрипт, ссылку можно?
Добавлено 01-05-2025 20:19:43
Если в about:config настроено, то не меняет.
В старых версиях (до 78 включительно) в about:config были настройки layout.css.scrollbar-color.enabled, layout.css.scrollbar-width.enabled, которые включали системный вид полос прокрутки на всех страницах в браузере (в том числе и служебных). Сейчас обе полностью "выпилили", осталась только widget.disable-dark-scrollbar, которая мало помогает. Короче говоря, очередной плевок в лицо пользователям
7.
Отредактировано Алексей У. (01-05-2025 20:19:43)
Отсутствует
На форуме
beggrr
Телепаты в отпуске. Используемый код где?
Вот этот код. Я пробовал Consolas и другие шрифты, все равно глюк остается.
(async css => { var sss = Cc["@mozilla.org/content/style-sheet-service;1"] .getService(Ci.nsIStyleSheetService); var ios = Cc["@mozilla.org/network/io-service;1"] .getService(Ci.nsIIOService); var url = "data:text/css," + encodeURIComponent(css); sss.loadAndRegisterSheet(ios.newURI(url), sss.AGENT_SHEET); })(` @-moz-document url-prefix("chrome://devtools"), url-prefix("chrome://browser/content") { .devtools-monospace, .jsterm-input-container { --monospace-font-family: Calibri; } }`);
На форуме
beggrr
Я вообще не знаю зачем вы шрифты начали менять, я сразу предлагал
--theme-code-font-size: 16px;
замените строку с --monospace-font-family на строку выше и свой размер назначьте.
Проверил на 140, стрелки не уезжают.
Добавлено Вчера 20:08:38
А, нашел ваш пост, тогда незнаю. Попробуйте другой шрифт.
Или добавьте мою строку и уменьшите шрифт, может поможет.
Отредактировано _zt (Вчера 20:14:35)
Отсутствует
beggrr, а зачем ты оставил шрифт, который я от балды написал? Думал свой подставишь и знаешь, что в инструментах должны быть моноширинные шрифты с припиской monospace. А если не устраивает размер шрифта, то для этого скрипты и стили не нужны
Отсутствует