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

На IRC-канале #mozilla-ru можно получить техническую консультацию онлайн и, конечно же, порцию общения.

№577624-02-2019 14:23:39

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

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

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

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

Отсутствует

 

№577724-02-2019 18:52:58

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

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

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

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

Отсутствует

 

№577826-02-2019 19:47:34

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

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

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

скрытый текст
http://priscree.ru/img/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;
}

Отсутствует

 

№577926-02-2019 20:23:36

iamgdv
Участник
 
Группа: Members
Зарегистрирован: 11-01-2007
Сообщений: 33
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;
}

/**/

Отсутствует

 

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

/**/

Отсутствует

 

№578128-02-2019 00:16:45

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

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

Meraiya11 пишет:

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

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

Отсутствует

 

№578228-02-2019 00:24:33

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

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

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


iamgdv пишет:

Meraiya11 пишет:

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

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

Отсутствует

 

№578328-02-2019 00:28:44

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

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

iamgdv пишет:

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

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

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

Отсутствует

 

№578401-03-2019 10:08:35

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

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

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


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

Отсутствует

 

№578501-03-2019 11:34:29

Acid Crash
Участник
 
Группа: Members
Зарегистрирован: 03-11-2013
Сообщений: 278
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)

Отсутствует

 

№578601-03-2019 12:58:54

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

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

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


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

Отсутствует

 

№578701-03-2019 17:11:33

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 1153
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

Отсутствует

 

№578801-03-2019 19:42:11

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

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

Vitaliy V., как всегда нереально крут;) но fox просто так сдаваться не хочет...
https://cdn1.savepice.ru/uploads/2019/3/1/170fa1aa0abf110aa195092c7a7293e9-prev.png


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

Отсутствует

 

№578901-03-2019 19:55:39

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

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

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

Отсутствует

 

№579001-03-2019 20:10:39

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

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

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


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

Отсутствует

 

№579101-03-2019 20:47:58

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 1153
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)

Отсутствует

 

№579201-03-2019 22:25:47

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

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

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


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

Отсутствует

 

№579302-03-2019 00:23:09

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

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

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

Выделить код

Код:

menuitem[label="Text"]

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

Отсутствует

 

№579402-03-2019 06:45:58

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

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

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


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

Отсутствует

 

№579503-03-2019 12:39:45

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

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

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

Отсутствует

 

№579603-03-2019 15:01:49

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

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

drage2 пишет:

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

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

Отсутствует

 

№579703-03-2019 15:53:03

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

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

Vitaliy V.
Такой, как в аддоне был, а тут заманался цвет подбирать
https://s17.directupload.net/images/190303/temp/ohfszcak.jpg
Не могу  background задать , без hover и active ///
Да сделал кое-как...Крест closebuttom = не совсем белый , сероватый, а так норм.
https://s17.directupload.net/images/190303/temp/ucr8i9za.jpg
Но парит не это, а кнопки А и ublock они теперь не привязаны к кнопкам окна, css не катит, где-то в скрипке собака зарыта, нет мыслей?

Отредактировано drage2 (03-03-2019 20:29:40)

Отсутствует

 

№579803-03-2019 20:41:16

tagnupip
Участник
 
Группа: Members
Зарегистрирован: 05-12-2018
Сообщений: 14
UA: Firefox 65.0

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

Vitaliy V.
доброго.как то задавал вопрос по поводу дилов(растянуть бы их,сгруппировать в прямоугольник),влепить картинку фоном.что то нифига не получилось.дополнительно мануалы нахожу,но ничего не меняется.единственное,это количество дилов в about:config

скрытый текст
https://fastpic.co/images/SNIMOK-EKRANA-V-2019-03-03-20-35-28.png

Отсутствует

 

№579903-03-2019 23:30:13

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

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

а это мой фф67.
красота в минимализме.

скрытый текст
https://fastpic.co/images/BEZYMYNNYI18f6b04560ae4b16.png

Отсутствует

 

№580004-03-2019 00:32:45

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

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

drage2 пишет:

а кнопки А и ublock они теперь не привязаны к кнопкам окна, css не катит

они теперь как раз привязаны т.к. находятся на одной панели,
css катит только добавь растягивающийся интервал на панель меню перед кнопками,
и стиль

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

Выделить код

Код:

#toolbar-menubar > spacer[ordinal="1000"] {
    max-width: 0px !important;
}

#toolbar-menubar toolbarpaletteitem[place="toolbar"][id^="wrapper-customizableui-special-spring"], 
#toolbar-menubar toolbarspring {
    max-width: none !important;
}


tagnupip
не нравится мне эта встроенная newtabpage себе расширение пришлось делать...

как то так на скорую руку набросал стиль для userContent.css
скрытый текст

Выделить код

Код:

@-moz-document url("about:newtab"), url("about:home") {
body {
    background-image: url("./png/background.png") !important; /* изображение */
    background-position: center bottom !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed !important;
}

.top-sites-list {
    margin: 0 !important;
    text-align: center !important;
}

main {
  width: 100% !important;
}

.top-site-outer .tile {
    border-radius: 0px !important;
    height: 100px !important;
    width: 200px !important;
}

.top-site-outer .title {
    width: 200px !important;
}

.top-site-outer .screenshot {
    background-position: top left !important;
    background-size: cover !important;
    border-radius: 0px !important;
}

.top-site-outer .top-site-icon {
    background-position: center center !important;
    background-size: cover !important;
    border-radius: 0px !important;
}

.card-outer,
.card-outer .card,
.card-outer .card-preview-image-outer {
    border-radius: 0px !important;
}
}

Отсутствует

 

Board footer

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