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

Будьте в курсе последних изменений в мире Mozilla, следя за нашим микроблогом в Twitter.

№575122-02-2019 18:28:38

Garalf
Участник
 
Группа: Members
Зарегистрирован: 19-09-2017
Сообщений: 316
UA: Firefox 65.0

Re: Настройка внешнего вида Firefox в userChrome.css

Vitaliy V.
А есть вариант использовать кнопки из расширения adds toolbar and buttons?

Отсутствует

 

№575222-02-2019 18:38:22

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2186
UA: Firefox 66.0

Re: Настройка внешнего вида Firefox в userChrome.css

Garalf
в расширении Add Toolbar Buttons https://github.com/VitaliyVstyle/Vitali … .12.17.xpi
те же самые кнопки, некоторые обновлены для [firefox] 65 +
там только нет панели

Отсутствует

 

№575322-02-2019 22:44:49

Garalf
Участник
 
Группа: Members
Зарегистрирован: 19-09-2017
Сообщений: 316
UA: Firefox 65.0

Re: Настройка внешнего вида Firefox в userChrome.css

Vitaliy V.
Спасибо. Это как раз то, что мне нужно.

Отсутствует

 

№575423-02-2019 08:01:28

igr40
Участник
 
Группа: Members
Зарегистрирован: 03-02-2019
Сообщений: 23
UA: Firefox 60.0

Re: Настройка внешнего вида Firefox в userChrome.css

Кто знает, подскажите пожалуйста как сделать чтобы активная вкладка при запуске FF 60 находилась с левой стороны списка вкладок а не с правой . И можно ли как то зафиксировать положение активной вкладки в списке вкладок - например по центру .

Отсутствует

 

№575524-02-2019 14:23:39

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1739
UA: Firefox 52.0

Re: Настройка внешнего вида Firefox в userChrome.css

Подскажите пожалуйста, как убрать(скрыть) светлую полоску над вкладками, при использовании стилей от Aris в [firefox] esr 60.

Отредактировано kokoss (24-02-2019 14:24:38)


Win7

Отсутствует

 

№575624-02-2019 18:52:58

iamgdv
Участник
 
Группа: Members
Зарегистрирован: 11-01-2007
Сообщений: 49
UA: Firefox 65.0

Re: Настройка внешнего вида Firefox в userChrome.css

вошел во вкус))  вкладки многострочные, крестики для их закрытия работают исправно, спасибо Acid Crash и Garalf!
еще хотелось бы убрать отдельную кнопку Close Tab и как-то выделить открытую (текущую), непрочитанные и загруженные вкладки цветами или хотя бы подсветкой фона, как это можно было сделать в TabMix до 56 версии

Отредактировано iamgdv (24-02-2019 18:53:38)

Отсутствует

 

№575726-02-2019 19:47:34

CMEX-feel
Участник
 
Группа: Members
Зарегистрирован: 06-03-2010
Сообщений: 2
UA: Firefox 65.0

Re: Настройка внешнего вида Firefox в userChrome.css

Доброго дня!
Подскажите как вернуть вкладки вниз под адресную строку и панель закладок.
Вставляю код выше - вкладки сдвигаются под адресную но появляется артефакт и пропадают кнопки закрыть/свернуть

скрытый текст
9955f918222331.jpg

в юзерхром такой текст
скрытый текст
@-moz-document url("chrome://browser/content/browser.xul") {
#main-window:not([inFullscreen]) #navigator-toolbox {
    position: relative !important;
    --v-toolbar-button-inner-padding: var(--toolbarbutton-inner-padding, 6px);
}
#main-window:not([inFullscreen]) #navigator-toolbox > toolbar {
    -moz-box-ordinal-group: 10 !important;
}
#main-window: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;
}
#main-window:not([inFullscreen]) #navigator-toolbox > #PersonalToolbar {
    -moz-box-ordinal-group: 1 !important;
}
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="normal"] > #navigator-toolbox {
    -moz-appearance: -moz-window-titlebar !important;
}
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] > #navigator-toolbox {
    -moz-appearance: -moz-window-titlebar-maximized !important;
}

Отсутствует

 

№575826-02-2019 20:23:36

iamgdv
Участник
 
Группа: Members
Зарегистрирован: 11-01-2007
Сообщений: 49
UA: Firefox 65.0

Re: Настройка внешнего вида Firefox в userChrome.css

CMEX-feel пишет

может подойдет:

скрытый текст
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */

#TabsToolbar .tabbrowser-arrowscrollbox,
#TabsToolbar .arrowscrollbox-scrollbox,
#TabsToolbar .scrollbox-innerbox {
display: block !important;
}
.scrollbutton-up,
.arrowscrollbox-overflow-start-indicator,
.scrollbutton-down,
.arrowscrollbox-overflow-end-indicator {
display: none !important;
}
.tabbrowser-tab {
min-height: var(--tab-min-height) !important;
vertical-align: bottom !important;
}
/* Изменить высоту вкладок */
/* -------------------------- */
tab {
height: 10px !important;
}
.tabbrowser-strip {
height: 12px !important;
}





/*
* Edit this file and copy it as userChrome.css into your
* profile-directory/chrome/
*/

/*
* This file can be used to customize the look of Mozilla's user interface
* You should consider using !important on rules which you want to
* override default settings.
*/

/*
* Do not remove the @namespace line -- it's required for correct functioning
*/

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */


/*
* For more examples see http://www.mozilla.org/unix/customizing.html
*/

@-moz-document url("chrome://browser/content/browser.xul") {
#main-window:not([inFullscreen]) #navigator-toolbox {
    position: relative !important;
    --v-toolbar-button-inner-padding: var(--toolbarbutton-inner-padding, 6px);
}
#main-window:not([inFullscreen]) #navigator-toolbox > toolbar {
    -moz-box-ordinal-group: 10 !important;
}
#main-window: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;
}
#main-window:not([inFullscreen]) #navigator-toolbox > #PersonalToolbar {
    -moz-box-ordinal-group: 1 !important;
}
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="normal"] > #navigator-toolbox {
    -moz-appearance: -moz-window-titlebar !important;
}
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] > #navigator-toolbox {
    -moz-appearance: -moz-window-titlebar-maximized !important;
}
#main-window:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme > #navigator-toolbox {
    visibility: hidden !important;
}
#main-window: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;
}
#main-window:not([inFullscreen]) #navigator-toolbox::after,
#main-window:not([inFullscreen]) #TabsToolbar::after {
    display: none !important;
}
#main-window: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;
}
#main-window:not([inFullscreen]) #toolbar-menubar > :-moz-any(toolbaritem,toolbarbutton) {
    align-self: center !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > :-moz-any(#menubar-items,#wrapper-menubar-items,.titlebar-buttonbox-container) {
    align-self: flex-start !important;
}
#main-window[inFullscreen] #toolbar-menubar {
    visibility: collapse !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > * {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar[autohide="true"][inactive="true"]:not([customizing="true"]) > * {
    opacity: 0 !important;
    pointer-events: none !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > * > * {
    vertical-align: middle;
}
#main-window:not([inFullscreen]) #toolbar-menubar > #menubar-items > * {
    vertical-align: top;
}
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
    position: absolute !important;
    top: 0px !important;
    left: var(--v-control-buttons-left) !important;
    right: var(--v-control-buttons-right) !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0px !important;
}
@media (-moz-windows-classic) {
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar,
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
    padding-top: 4px !important;
}
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] {
    min-height: 4px !important;
}
#main-window: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;
}
#main-window: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) {
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #toolbar-menubar,
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
    padding-top: 8px !important;
}
}
#main-window:not([inFullscreen]) #toolbar-menubar > *[ordinal="1000"],
#main-window:not([inFullscreen]) #toolbar-menubar > .titlebar-buttonbox-container {
    order: 1000 !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > :-moz-any(toolbarspring,spacer,[id^="wrapper-customizableui-special-spring"]) {
    flex-grow: 1 !important;
}
#main-window: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;
}
#main-window:not([inFullscreen]) #TabsToolbar #tabbrowser-tabs {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
#main-window:not([inFullscreen]) #TabsToolbar > .toolbar-items {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
#main-window:not([inFullscreen]) #TabsToolbar .tab-background {
    border-top-style: solid !important;
}
#main-window:not([inFullscreen]) #TabsToolbar .titlebar-spacer:-moz-any([type="pre-tabs"],[type="post-tabs"]) {
    display: none !important;
}
}

/* Firefox Quantum userChrome.css tweaks ************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/

/* tab close - always visible*/
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([pinned]) .tab-close-button {
  visibility: visible !important;
  display: block !important;
}
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([pinned])[faviconized="true"] .tab-close-button {
  visibility: collapse !important;
  display: none !important;
}

/**/

Отсутствует

 

№575927-02-2019 22:32:08

Meraiya11
Участник
 
Группа: Members
Зарегистрирован: 27-02-2019
Сообщений: 2
UA: Firefox 65.0

Re: Настройка внешнего вида Firefox в userChrome.css

огромное спасибо, все сработало как надо!
единственно, размер вкладок стал ооочень маленьким. но это можно поправить с помощью параметра browser.tabs.tabMinWidth в  about:config 


iamgdv пишет
CMEX-feel пишет

может подойдет:

скрытый текст
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */

#TabsToolbar .tabbrowser-arrowscrollbox,
#TabsToolbar .arrowscrollbox-scrollbox,
#TabsToolbar .scrollbox-innerbox {
display: block !important;
}
.scrollbutton-up,
.arrowscrollbox-overflow-start-indicator,
.scrollbutton-down,
.arrowscrollbox-overflow-end-indicator {
display: none !important;
}
.tabbrowser-tab {
min-height: var(--tab-min-height) !important;
vertical-align: bottom !important;
}
/* Изменить высоту вкладок */
/* -------------------------- */
tab {
height: 10px !important;
}
.tabbrowser-strip {
height: 12px !important;
}





/*
* Edit this file and copy it as userChrome.css into your
* profile-directory/chrome/
*/

/*
* This file can be used to customize the look of Mozilla's user interface
* You should consider using !important on rules which you want to
* override default settings.
*/

/*
* Do not remove the @namespace line -- it's required for correct functioning
*/

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */


/*
* For more examples see http://www.mozilla.org/unix/customizing.html
*/

@-moz-document url("chrome://browser/content/browser.xul") {
#main-window:not([inFullscreen]) #navigator-toolbox {
    position: relative !important;
    --v-toolbar-button-inner-padding: var(--toolbarbutton-inner-padding, 6px);
}
#main-window:not([inFullscreen]) #navigator-toolbox > toolbar {
    -moz-box-ordinal-group: 10 !important;
}
#main-window: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;
}
#main-window:not([inFullscreen]) #navigator-toolbox > #PersonalToolbar {
    -moz-box-ordinal-group: 1 !important;
}
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="normal"] > #navigator-toolbox {
    -moz-appearance: -moz-window-titlebar !important;
}
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] > #navigator-toolbox {
    -moz-appearance: -moz-window-titlebar-maximized !important;
}
#main-window:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme > #navigator-toolbox {
    visibility: hidden !important;
}
#main-window: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;
}
#main-window:not([inFullscreen]) #navigator-toolbox::after,
#main-window:not([inFullscreen]) #TabsToolbar::after {
    display: none !important;
}
#main-window: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;
}
#main-window:not([inFullscreen]) #toolbar-menubar > :-moz-any(toolbaritem,toolbarbutton) {
    align-self: center !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > :-moz-any(#menubar-items,#wrapper-menubar-items,.titlebar-buttonbox-container) {
    align-self: flex-start !important;
}
#main-window[inFullscreen] #toolbar-menubar {
    visibility: collapse !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > * {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar[autohide="true"][inactive="true"]:not([customizing="true"]) > * {
    opacity: 0 !important;
    pointer-events: none !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > * > * {
    vertical-align: middle;
}
#main-window:not([inFullscreen]) #toolbar-menubar > #menubar-items > * {
    vertical-align: top;
}
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
    position: absolute !important;
    top: 0px !important;
    left: var(--v-control-buttons-left) !important;
    right: var(--v-control-buttons-right) !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0px !important;
}
@media (-moz-windows-classic) {
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar,
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
    padding-top: 4px !important;
}
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] {
    min-height: 4px !important;
}
#main-window: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;
}
#main-window: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) {
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #toolbar-menubar,
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
    padding-top: 8px !important;
}
}
#main-window:not([inFullscreen]) #toolbar-menubar > *[ordinal="1000"],
#main-window:not([inFullscreen]) #toolbar-menubar > .titlebar-buttonbox-container {
    order: 1000 !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > :-moz-any(toolbarspring,spacer,[id^="wrapper-customizableui-special-spring"]) {
    flex-grow: 1 !important;
}
#main-window: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;
}
#main-window:not([inFullscreen]) #TabsToolbar #tabbrowser-tabs {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
#main-window:not([inFullscreen]) #TabsToolbar > .toolbar-items {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
#main-window:not([inFullscreen]) #TabsToolbar .tab-background {
    border-top-style: solid !important;
}
#main-window:not([inFullscreen]) #TabsToolbar .titlebar-spacer:-moz-any([type="pre-tabs"],[type="post-tabs"]) {
    display: none !important;
}
}

/* Firefox Quantum userChrome.css tweaks ************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/

/* tab close - always visible*/
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([pinned]) .tab-close-button {
  visibility: visible !important;
  display: block !important;
}
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([pinned])[faviconized="true"] .tab-close-button {
  visibility: collapse !important;
  display: none !important;
}

/**/

Отсутствует

 

№576028-02-2019 00:16:45

iamgdv
Участник
 
Группа: Members
Зарегистрирован: 11-01-2007
Сообщений: 49
UA: Firefox 65.0

Re: Настройка внешнего вида Firefox в userChrome.css

Meraiya11 пишет

огромное спасибо

не за что.... мне тоже подкинули... ))   а высоту вкладок как менять?

Отсутствует

 

№576128-02-2019 00:24:33

Meraiya11
Участник
 
Группа: Members
Зарегистрирован: 27-02-2019
Сообщений: 2
UA: Firefox 65.0

Re: Настройка внешнего вида Firefox в userChrome.css

к сожалению, не знаю (


iamgdv пишет
Meraiya11 пишет

огромное спасибо

не за что.... мне тоже подкинули... ))   а высоту вкладок как менять?

Отсутствует

 

№576228-02-2019 00:28:44

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1739
UA: Firefox 52.0

Re: Настройка внешнего вида Firefox в userChrome.css

iamgdv пишет

а высоту вкладок как менять?

Посмотрите сдесь_https://forum.mozilla-russia.org/viewto … 26#p757726

Отредактировано kokoss (28-02-2019 09:37:39)


Win7

Отсутствует

 

№576301-03-2019 10:08:35

Neytrino
Участник
 
Группа: Extensions
Зарегистрирован: 05-02-2006
Сообщений: 161
UA: Firefox 65.0

Re: Настройка внешнего вида Firefox в userChrome.css

Родилась ещё парочка маленьких вопросов:
Как сменить иконку пункта в выпадающем меню адресной строки? (всё что работает с контекстным меню - там работать не хочет:( )
a5d66f2b61f082c198dcaca749401fd9-prev.png
И второй вопрос, а можно ли заменить текст пункта меню на желаемый (если автор расширения не торопится добавлять локализации)? (расширение, если что - Page Translator Revised)


© уважением Neytrino.

Отсутствует

 

№576401-03-2019 11:34:29

Acid Crash
Участник
 
Группа: Members
Зарегистрирован: 03-11-2013
Сообщений: 319
UA: Firefox 65.0

Re: Настройка внешнего вида Firefox в userChrome.css

Neytrino пишет

Родилась ещё парочка маленьких вопросов:
Как сменить иконку пункта в выпадающем меню адресной строки? (всё что работает с контекстным меню - там работать не хочет:( )
https://cdn1.savepice.ru/uploads/2019/3 … 9-prev.png

Приветствую.
Вот так вышло. Первый айдишник - иконка в адресной строке, второй - в выпадайке

Выделить код

Код:

#pageAction-urlbar-page-translator-revised_mathnerd314_github_com, #pageAction-panel-page-translator-revised_mathnerd314_github_com .toolbarbutton-icon {
  list-style-image: url("chrome://browser/skin/restore-session.svg") !important;
}
Neytrino пишет

И второй вопрос, а можно ли заменить текст пункта меню на желаемый (если автор расширения не торопится добавлять локализации)? (расширение, если что - Page Translator Revised)

Тут не осилил, с классическим :after {content: 'bla'} не сработало. Самому стало интересно как сделать, может кто поопытнее подскажет.

UPD:
Убрать пункт из выпадайти если нечего переводить)))

Выделить код

Код:

#pageAction-panel-page-translator-revised_mathnerd314_github_com[disabled] {display: none !important; visibility: hidden !important;}

Отредактировано Acid Crash (01-03-2019 11:41:07)

Отсутствует

 

№576501-03-2019 12:58:54

Neytrino
Участник
 
Группа: Extensions
Зарегистрирован: 05-02-2006
Сообщений: 161
UA: Firefox 65.0

Re: Настройка внешнего вида Firefox в userChrome.css

Acid Crash, большое спасибо!


© уважением Neytrino.

Отсутствует

 

№576601-03-2019 17:11:33

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2186
UA: Firefox 66.0

Re: Настройка внешнего вида Firefox в userChrome.css

Neytrino пишет

заменить текст пункта меню на желаемый (если автор расширения не торопится добавлять локализации)?

Acid Crash пишет

Тут не осилил, с классическим :after {content: 'bla'} не сработало. Самому стало интересно как сделать

если пункт toolbarbutton

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

Выделить код

Код:

toolbarbutton#pageAction-panel-page-translator-revised_mathnerd314_github_com[label="Translate Page"]::before {
    content: "Перевести Страницу";
    display: -moz-box;
    padding-inline-start: 8px;
    -moz-box-flex: 1;
}

toolbarbutton#pageAction-panel-page-translator-revised_mathnerd314_github_com[label="Translate Page"] > .toolbarbutton-icon {
    -moz-box-ordinal-group: 0 !important;
}

toolbarbutton#pageAction-panel-page-translator-revised_mathnerd314_github_com[label="Translate Page"] > .toolbarbutton-text {
    display: none !important;
}


примерно так же можно сделать для menuitem menu

Отсутствует

 

№576701-03-2019 19:42:11

Neytrino
Участник
 
Группа: Extensions
Зарегистрирован: 05-02-2006
Сообщений: 161
UA: Firefox 65.0

Re: Настройка внешнего вида Firefox в userChrome.css

Vitaliy V., как всегда нереально крут;) но fox просто так сдаваться не хочет...
170fa1aa0abf110aa195092c7a7293e9-prev.png


© уважением Neytrino.

Отсутствует

 

№576801-03-2019 19:55:39

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2186
UA: Firefox 66.0

Re: Настройка внешнего вида Firefox в userChrome.css

Neytrino
css файл должен быть в кодировке UTF-8 (без BOM)

Отсутствует

 

№576901-03-2019 20:10:39

Neytrino
Участник
 
Группа: Extensions
Зарегистрирован: 05-02-2006
Сообщений: 161
UA: Firefox 65.0

Re: Настройка внешнего вида Firefox в userChrome.css

Vitaliy V., угу.
А если мы таким образом издеваемся над пунктами обычных меню, что должно быть вместо .toolbarbutton-text и .toolbarbutton-icon?


© уважением Neytrino.

Отсутствует

 

№577001-03-2019 20:47:58

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2186
UA: Firefox 66.0

Re: Настройка внешнего вида Firefox в userChrome.css

Neytrino пишет

что должно быть вместо .toolbarbutton-text и .toolbarbutton-icon?

Так если нет иконки (.menu-iconic-left) в menuitem или menu

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

Выделить код

Код:

#ID::before {
    content: "Текст";
    display: -moz-box;
    margin-inline-start: 2px;
    padding-inline-start: 19px;
    margin-inline-end: 2px;
    -moz-box-flex: 1;
    -moz-appearance: menuitemtext;
}

#ID > .menu-text {
    display: none !important;
}


А так если есть
скрытый текст

Выделить код

Код:

#ID::before {
    content: "Текст";
    display: -moz-box;
    margin-inline-start: 2px;
    margin-inline-end: 2px;
    -moz-box-flex: 1;
}

#ID > .menu-iconic-left {
    -moz-box-ordinal-group: 0 !important;
}

#ID > .menu-iconic-text {
    display: none !important;
}

Отредактировано Vitaliy V. (01-03-2019 21:24:26)

Отсутствует

 

№577101-03-2019 22:25:47

Neytrino
Участник
 
Группа: Extensions
Зарегистрирован: 05-02-2006
Сообщений: 161
UA: Firefox 65.0

Re: Настройка внешнего вида Firefox в userChrome.css

Vitaliy V., спасибо большое!
И крайний вопрос по этой теме: а если ID пункта меню имеет такой вид #_*-*-*-*-*_-menuitem-3?


© уважением Neytrino.

Отсутствует

 

№577202-03-2019 00:23:09

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2186
UA: Firefox 66.0

Re: Настройка внешнего вида Firefox в userChrome.css

Neytrino
используйте label например

Выделить код

Код:

menuitem[label="Text"]

кстати и где есть ID лучше добавить ещё и label чтобы было конкретнее, а то текст ведь может изменится, значит и русский текст должен изменится,
а если вдруг в расширении появится русская локаль то она и будет отображаться вместо стиля

Отсутствует

 

№577302-03-2019 06:45:58

Neytrino
Участник
 
Группа: Extensions
Зарегистрирован: 05-02-2006
Сообщений: 161
UA: Firefox 65.0

Re: Настройка внешнего вида Firefox в userChrome.css

Vitaliy V., ещё раз спасибо огромное!


© уважением Neytrino.

Отсутствует

 

№577403-03-2019 12:39:45

drage2
Забанен
 
Группа: Members
Откуда: Донецк
Зарегистрирован: 23-11-2017
Сообщений: 392
UA: Firefox 65.0

Re: Настройка внешнего вида Firefox в userChrome.css

Vitaliy V.
Привет! Для кнопок окна ничего нет? Аддон, желательно...Проблема с bootstrap меня не колышет.Просто код, он какой-то невеселый...

Отсутствует

 

№577503-03-2019 15:01:49

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2186
UA: Firefox 66.0

Re: Настройка внешнего вида Firefox в userChrome.css

drage2 пишет

Просто код, он какой-то невеселый...

какой этот https://forum.mozilla-russia.org/viewto … 72#p765572 ?
а весёлый это какой?

Отсутствует

 

Board footer

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