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

Общайтесь со знакомыми и друзьями в нашем сообществе в Facebook.

№126-08-2021 21:07:08

laguro
Участник
 
Группа: Members
Зарегистрирован: 26-08-2021
Сообщений: 10
UA: Firefox 91.0

UserChrome.css navbar

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

Отсутствует

 

№227-08-2021 09:02:15

laguro
Участник
 
Группа: Members
Зарегистрирован: 26-08-2021
Сообщений: 10
UA: Firefox 91.0

Re: UserChrome.css navbar

image.png

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

Отсутствует

 

№327-08-2021 11:16:03

_zt
Участник
 
Группа: Members
Зарегистрирован: 10-11-2014
Сообщений: 1419
UA: Firefox 78.0

Re: UserChrome.css navbar

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;
}

Отсутствует

 

№427-08-2021 11:45:59

laguro
Участник
 
Группа: Members
Зарегистрирован: 26-08-2021
Сообщений: 10
UA: Firefox 91.0

Re: UserChrome.css navbar

_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;
}

1.png

Отсутствует

 

№527-08-2021 12:16:08

_zt
Участник
 
Группа: Members
Зарегистрирован: 10-11-2014
Сообщений: 1419
UA: Firefox 78.0

Re: UserChrome.css navbar

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

Отсутствует

 

№627-08-2021 12:30:20

laguro
Участник
 
Группа: Members
Зарегистрирован: 26-08-2021
Сообщений: 10
UA: Firefox 91.0

Re: UserChrome.css navbar

_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;
}

Отсутствует

 

№727-08-2021 14:17:03

_zt
Участник
 
Группа: Members
Зарегистрирован: 10-11-2014
Сообщений: 1419
UA: Firefox 78.0

Re: UserChrome.css navbar

#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)

Отсутствует

 

№827-08-2021 14:23:06

laguro
Участник
 
Группа: Members
Зарегистрирован: 26-08-2021
Сообщений: 10
UA: Firefox 91.0

Re: UserChrome.css navbar

_zt пишет

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

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

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

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

Отсутствует

 

№927-08-2021 14:40:44

_zt
Участник
 
Группа: Members
Зарегистрирован: 10-11-2014
Сообщений: 1419
UA: Firefox 78.0

Re: UserChrome.css navbar

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

Отсутствует

 

№1027-08-2021 14:55:37

laguro
Участник
 
Группа: Members
Зарегистрирован: 26-08-2021
Сообщений: 10
UA: Firefox 91.0

Re: UserChrome.css navbar

_zt пишет

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

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

Отсутствует

 

№1128-08-2021 10:25:04

laguro
Участник
 
Группа: Members
Зарегистрирован: 26-08-2021
Сообщений: 10
UA: Firefox 91.0

Re: UserChrome.css navbar

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

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

Отсутствует

 

№1229-08-2021 15:41:08

Alex_one
Участник
 
Группа: Members
Зарегистрирован: 27-09-2015
Сообщений: 135
UA: Firefox 90.0

Re: UserChrome.css navbar

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

скрытый текст
29-08-202.th.jpg

Отсутствует

 

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2020 Mozilla Russia GitHub mark
Язык отображения форума: [Русский] [English]