UserChrome.css navbar

laguro · №1

Здравствуйте, как расширить выезжающую панель адресной строки? Не саму адресную строку, а панель, которая выезжает при нажатии на неё

laguro · №2

Отредактировано laguro (27-08-2021 09:03:01)

_zt · №3

laguro
Пробуйте так.

Выделить код

Код:

#urlbar > .urlbarView, #urlbar[breakout] > .urlbarView, #urlbar-results, .search-panel-one-offs-container {
	width: 300px !important;
}

или так

Выделить код

Код:

#urlbar > .urlbarView, #urlbar[breakout] > .urlbarView, #urlbar-results, .search-panel-one-offs-container {
	width: 150% !important;
}

laguro · №4

_zt пишет

laguro
Пробуйте так.

Выделить код

Код:

#urlbar > .urlbarView, #urlbar[breakout] > .urlbarView, #urlbar-results, .search-panel-one-offs-container {
	width: 300px !important;
}

или так

Выделить код

Код:

#urlbar > .urlbarView, #urlbar[breakout] > .urlbarView, #urlbar-results, .search-panel-one-offs-container {
	width: 150% !important;
}

_zt · №5

Ну попробуйте еще строку max-width добавить с теми же значениями. У меня в инспекторе и так работает.

laguro · №6

_zt пишет

Ну попробуйте еще строку max-width добавить с теми же значениями. У меня в инспекторе и так работает.

не-а

я за основу брал https://github.com/khuedoan/one-line-firefox

немного изменил, потому что компактный режим смотрится грустно

в итоге вышло вот что

Выделить код

Код:

/* Title bar */
.titlebar-buttonbox {
!    display: none !important;
}


.titlebar-spacer {
    display: none !important;
}

/* Tab bar */
#navigator-toolbox {
    border: 0px !important;
}

#TabsToolbar {
    margin-left: 20vw !important;
}

/* Nav bar*/
#nav-bar {
    background: transparent !important;
    margin-top: -44px !important;
    margin-right: 80vw !important;
    height: 44px !important;
}

/* URL bar */
#back-button {
    display: none !important;
}

#forward-button {
    display: none !important;
}

#tracking-protection-icon-container {
    display: none !important;
}

#urlbar-container {
    min-width: 120px !important;
}

#urlbar {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

#urlbar > .urlbarView, #urlbar[breakout] > .urlbarView, #urlbar-results, .search-panel-one-offs-container {
	width: 150% !important;
}

#page-action-buttons {
    display: none !important;
}

#PanelUI-button {
!    display: none !important;
}

_zt · №7

#forward-button и #back-button это не url-bar

Выделить код

Код:

/* код Vitaliy V. из full_theme  антимегабар --> */
#urlbar-container[breakout] {
    position: relative !important;
    min-height: var(--urlbar-container-height) !important;
}
#urlbar[breakout] {
    display: block !important;
    position: absolute !important;
    width: 100% !important;
    height: var(--urlbar-height) !important;
    top: calc((var(--urlbar-container-height) - var(--urlbar-height)) / 2) !important;
    inset-inline: 0px !important;
}
#urlbar[breakout] > #urlbar-input-container {
    width: 100% !important;
    height: var(--urlbar-height) !important;
    padding: 0 !important;
}
#urlbar[breakout][breakout-extend],
#urlbar[breakout][breakout-extend-disabled][open] {
    height: auto !important;
}
#urlbar[breakout] > #urlbar-background {
    display: block !important;
    position: absolute !important;
    animation: none !important;
    inset-inline: 0 !important;
    box-shadow: none !important;
    height: var(--urlbar-height) !important;
    top: 0px !important;
    bottom: auto !important;
}
#urlbar[breakout][open] > #urlbar-background {
    border-color: var(--toolbar-field-border-color, transparent) !important;
}
#urlbar[breakout][focused="true"] > #urlbar-background {
    border-color: var(--toolbar-field-focus-border-color, Highlight) !important;
}
#urlbar[breakout] > .urlbarView {
    margin: 0 !important;
    width: 100% !important;
    border-bottom-left-radius: var(--toolbarbutton-border-radius, 4px) !important;
    border-bottom-right-radius: var(--toolbarbutton-border-radius, 4px) !important;
    background: var(--toolbar-field-focus-background-color, var(--autocomplete-popup-background, Field)) !important;
    border: 1px solid var(--arrowpanel-border-color, ThreeDShadow) !important;
    border-top: none !important;
}
#urlbar[breakout] > .urlbarView html|*.urlbarView-body-inner {
    border: none !important;
}
#urlbar[breakout] > #urlbar-input-container > #urlbar-search-icon {
    fill: currentColor !important;
    fill-opacity: .6 !important;
}
#urlbar[breakout] > .urlbarView .search-one-offs,
#urlbar[breakout] > .urlbarView html|*.urlbarView-results {
    padding-block: 0 !important;
}
/* <-- антимегабар */

/* Скрыть "В этот раз искать в" в строке адреса */
.search-panel-one-offs-header {
  display: none !important;
}

#urlbar > .urlbarView,
#urlbar[breakout] > .urlbarView,
#urlbar-results,
.search-panel-one-offs-container {
    width: 150% !important;
}

Проверено на чистом профиле.

Отредактировано _zt (27-08-2021 14:17:31)

laguro · №8

_zt пишет

#forward-button и #back-button это не url-bar
Проверено на чистом профиле.

я не шарю, просто скачал и всё работает.. чуть подвигал, закоментировал отключение меню..

да и разве это влияет на что-то?

_zt · №9

laguro
Не. Это то работает?

laguro · №10

_zt пишет

laguro
Не. Это то работает?

ваш код? да, работает отлично

laguro · №11

Спасибо, всё получилось

Отредактировано laguro (28-08-2021 10:35:18)

Alex_one · №12

_zt
А возможно ли проделать такое с панелью поиска?

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

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

№126-08-2021 21:07:08