Stylish

voqabuhe · №2126

Vitaliy V.
Спасибо

LittleMontana · №2127

Vitaliy V., спасибо. Можно ли сделать, что бы адресная строка в принципе не двигала сайдба, при её появлении/скрытии, а начиналась на границе сайдбара с основным окном.

turbot · №2128

LittleMontana
Чисто пальцем в небо, по селекторам из стиля Vitaliy V. и вашему скриншоту (ставить весь этот зоопарк, проверять, нет желания), вместо стиля:

Выделить код

Код:

var el1 = document.getElementById('theFoxOnlyBetter-slimChrome-container');
var el2 = document.getElementById('content-deck');
var el3 = document.getElementById('appcontent');
addEventListener('resize', ()=> {
  el1.style.marginInlineStart = el2.clientWidth - el3.clientWidth + 'px';
  el1.style.width = el3.clientWidth - 40 + 'px'
}, false, el3);

LittleMontana · №2129

в Userchrome?
upd: не помогло

Отредактировано LittleMontana (08-06-2016 14:15:02)

turbot · №2130

В Custom Buttons, в инициализацию любой кнопки. И лучше, я подумал, так:

Выделить код

Код:

gBrowser.setAttribute("onresize", "(()=> {var el = document.getElementById('theFoxOnlyBetter-slimChrome-container'); el.style.marginInlineStart = window.innerWidth - gBrowser.clientWidth + 'px';el.style.width = gBrowser.clientWidth - 40 + 'px'})();");

LittleMontana · №2131

нет, ни первый, ни второй код не помог( совсем никаких изменений
upd: Заметил такую ошибку, при использовании стиля, предложенного Vitlaiy V. - при открытии новой вкладки, фокус не наводится на адресную строку автоматически.

Отредактировано LittleMontana (08-06-2016 15:30:04)

turbot · №2132

LittleMontana пишет

нет, ни первый, ни второй код не помог( совсем никаких изменений

Я вот все-таки не поленился, проверил:

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

Выпрямляйте руки, или ищите, что еще мешает.

LittleMontana · №2133

Хм, пошаманил с кнопками, вроде заработало.
Возможно ли чуть подправить код, что бы адресная строка до конца упиралась в границу фаерфокса?
http://puu.sh/plj8Z/b870a1ffef.png
на скриншоте, если посмотреть, то заметно, что адресная строка словно обрезается, не доходя до конца.
а так все замечательно работает))
спасибо, turbot

LittleMontana · №2134

блин, подскажите пожалуйста, сломались фиксированные разделители((((((( без понятия, как их убрать/передвинуть, помогает только сброс, но это все заново вытаскивать и расставлять по своим местам! просто слов нет
upd: заметил в описании к puzzle панель:
- Bring back separators and spacers to all of your toolbars. They can even be used in the menu panel!
-- Растягивающийся интервал также восстановлен и может быть использован на большинстве панелей, за исключением панели навигации и строки адреса.
это проблема данной версии фф, или как?

Отредактировано LittleMontana (08-06-2016 18:23:33)

turbot · №2135

что бы адресная строка до конца упиралась в границу фаерфокса?

Выделить код

Код:

gBrowser.setAttribute("onresize", "(()=> {var el = document.getElementById('theFoxOnlyBetter-slimChrome-container'); el.style.marginInlineStart = window.innerWidth - gBrowser.clientWidth + 'px';el.style.width = gBrowser.clientWidth + 'px'})();");

просто слов нет

У меня тоже. Как проблемы аддонов к данной теме относятся? Пишите репорты авторам, чтобы починили.

LittleMontana · №2136

думал, что виноваты последние изменения, связанные со стилем, поэтому и написал
спасибо всем, все работает отлично!

Vitaliy V. · №2137

turbot пишет

Выпрямляйте руки, или ищите, что еще мешает.

В новых окнах не сразу работает только по событию onresize

Cделал стилем c -moz-binding (с передыдущим моим стилем работать не будет т. к. отступы задаются через left: right:)

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

Выделить код

Код:

#theFoxOnlyBetter-slimChrome-container {
    position: fixed !important;
    right: auto !important;   
}

#theFoxOnlyBetter-slimChrome-toolbars-after {
    -moz-binding: url("data:text/xml;utf8,<bindings xmlns='http://www.mozilla.org/xbl' xmlns:xul='http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul' xmlns:xbl='http://www.mozilla.org/xbl'><binding id='slimChrome'><implementation><field name='slimChromecontainer'>document.getElementById('theFoxOnlyBetter-slimChrome-container');</field><field name='appcontent'>document.getElementById('appcontent');</field><field name='sidebarbox'>document.getElementById('sidebar-box');</field><field name='mutationObserver'>null</field><field name='timer'>null</field><constructor><![CDATA[ this.widthslimChrome(); window.addEventListener('resize', this, false); this.mutationObserver = new MutationObserver(() => this.widthslimChrome()); this.mutationObserver.observe(this.sidebarbox, {attributes: true}); ]]></constructor><destructor><![CDATA[ window.removeEventListener('resize', this, false); this.mutationObserver.disconnect(); this.mutationObserver = null; ]]></destructor><method name='handleEvent'><parameter name='event'/><body><![CDATA[ this.widthslimChrome(); ]]></body></method><method name='widthslimChrome'><body><![CDATA[ clearTimeout(this.timer); this.timer = setTimeout(() => this._widthslimChrome(), 100); ]]></body></method><method name='_widthslimChrome'><body><![CDATA[ var widthcontent = this.appcontent.boxObject.width; var margin = this.appcontent.boxObject.x; if (window.gNavToolbox.getAttribute('slimStyle') != 'full') this.slimChromecontainer.setAttribute('style', 'left: ' + (margin + 22) + 'px !important; max-width: ' + (widthcontent - 44) + 'px !important;'); else this.slimChromecontainer.setAttribute('style', 'left: ' + margin + 'px !important; max-width: ' + widthcontent + 'px !important;'); ]]></body></method></implementation></binding></bindings>#slimChrome") !important;
    display: -moz-box !important;
}

#navigator-toolbox:not([slimStyle="australis"]) #theFoxOnlyBetter-slimChrome-toolbars-after {
    visibility: collapse !important;
    padding: 0 !important;
    border: none !important;
}

Отредактировано Vitaliy V. (25-10-2016 20:45:52)

turbot · №2138

Да я что-то злой последние дни, желчь выплескивается. Послезавтра день варения, кризис среднего возраста и все такое... Виноват. LittleMontana, прошу прощения :beer:

LittleMontana · №2139

turbot, в рамках данного форума я с вами общался уже и не один раз, вы всегда были приятным собеседником, поэтому изменение настроения в ваших сообщениях на свой счет не принимал. В любом случае, я пришел за помощью и вы её оказали, так что с моей стороны было бы неблагодарностью осуждать вас
С приближающимся ДР вас, еще вся жизнь впереди!

xrun1 · №2140

LittleMontana пишет

Прошу помощи с стилем для addon manager'a. Он у меня какой то мягко говоря уродский стал при обновлении браузера.
http://puu.sh/piOOQ/b5403eeccf.png
вот как он сейчас выглядит

Такую гадость делает с 45-й версии настройка dom.compartment_per_addon, надо переключить в false. Автору All-in-One Sidebar написал, но без ответа.

Добавлено 09-06-2016 19:53:43
У меня есть свой вопрос к знатокам.
Давно пользуюсь стилем Australis Rounded Small Tabs. В стиле кое-что отключил, чтобы не пересекался с другими моими стилями, что-тот изменил.
Но вот такая конструкция из этого стиля исправно меняла высоту вкладок и прижимала их в верхней кромке экрана (вроде, раньше был отступ)

Выделить код

Код:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

  /* Height */
#TabsToolbar, .tabbrowser-tab, .tabs-newtab-button, .toolbarbutton{
    min-height:     24px    !important; 
    height:         24px    !important; 
    max-height:     24px    !important; 
} 

/* Shift stuff down */
#navigator-toolbox:not([inFullscreen="true"]) {
margin-top:      0px    !important;
}

А теперь, с 47-й версии, 3 пикселя сверху появляются при уменьшении высоты вкладок и приходится давать отрицательное значение
margin-top: -3px !important;
В чём может быть проблема?

Отредактировано xrun1 (09-06-2016 19:53:43)

Vitaliy V. · №2141

xrun1 пишет

dom.compartment_per_addon

Но если включена мультипроцессность например в Firefox Developer Edition или [nightly] то не прокатит

xrun1 пишет

В чём может быть проблема?

Стиль конечно отстой, но дело не совсем в нём, а в больших кнопках управления окном в FF на Win10
Этот код их уменьшит

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

Выделить код

Код:

@-moz-document url("chrome://browser/content/browser.xul") {
  @media (-moz-windows-compositor) {
    @media not all and (-moz-os-version: windows-vista) {
      @media not all and (-moz-os-version: windows-win7) {
        @media not all and (-moz-os-version: windows-win8) {
          .titlebar-button {
            padding: 6px 10px !important;
          }

          #main-window[sizemode="maximized"] .titlebar-button {
            padding-top: 4px !important;
            padding-bottom: 4px !important;
          }
        }
      }
    }
  }
}

Отредактировано Vitaliy V. (09-06-2016 21:13:50)

xrun1 · №2142

Vitaliy V.
Этот код у меня установлен (Вы же его и давали когда-то здесь). Спасибо, что напомнили, дело было как раз в нём. Подправил свои значения, всё опять стало привычно-нормально.

Black_Monk · №2143

Специалисты, подскажите каким стилем можно скрыть кнопку "Открыть меню" на адресной панели?

turbot · №2144

Выделить код

Код:

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

Black_Monk · №2145

turbot, спасибо, но пришлось сделать вот так:

Выделить код

Код:

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

turbot · №2146

Black_Monk
Упс, виноват, запятая случайно пролезла. :blush:

shadow7 · №2147

Подскажите стиль, чтобы данные кнопки всегда были видны в таком виде (как при наведении).

При самом наведении, становились соответственно по-светлее.
При нажатии как и положено по умолчанию.

Vitaliy V. · №2148

shadow7
Для версий FF не ниже 35

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

Выделить код

Код:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@-moz-document url("chrome://browser/content/browser.xul") {
:root {
    --toolbarbutton--background: rgba(0,0,0,.05) !important;
    --toolbarbutton--bordercolor: rgba(0,0,0,.2) !important;
    --toolbarbutton--boxshadow: none !important;
    --toolbarbutton-hover-background: rgba(0,0,0,.1) !important;
    --toolbarbutton-hover-bordercolor: rgba(0,0,0,.25) !important;
    --toolbarbutton-hover-boxshadow: none !important;
}

#nav-bar[brighttext] {
    --toolbarbutton--background: rgba(255,255,255,.25) !important;
    --toolbarbutton--bordercolor: rgba(255,255,255,.5) !important;
    --toolbarbutton--boxshadow: none !important;
    --toolbarbutton-hover-background: rgba(255,255,255,.3) !important;
    --toolbarbutton-hover-bordercolor: rgba(255,255,255,.6) !important;
    --toolbarbutton-hover-boxshadow: none !important;
}

#nav-bar:-moz-lwtheme {
    --toolbarbutton--background: rgba(255,255,255,.25) !important;
    --toolbarbutton--bordercolor: rgba(0,0,0,.2) !important;
    --toolbarbutton--boxshadow: none !important;
    --toolbarbutton-hover-background: rgba(255,255,255,.3) !important;
    --toolbarbutton-hover-bordercolor: rgba(0,0,0,.25) !important;
    --toolbarbutton-hover-boxshadow: none !important;
}

@media (-moz-os-version: windows-xp), (-moz-os-version: windows-vista), (-moz-os-version: windows-win7) {
    :root {
        --toolbarbutton--background: linear-gradient(hsla(0,0%,100%,.6), hsla(0,0%,100%,.1)) !important;
        --toolbarbutton--bordercolor: hsla(210,54%,20%,.15) hsla(210,54%,20%,.2) hsla(210,54%,20%,.25) !important;
        --toolbarbutton--boxshadow: 0 1px hsla(0,0%,100%,.3) inset !important;
        --toolbarbutton-hover-background: linear-gradient(hsla(0,0%,100%,.7), hsla(0,0%,100%,.2)) !important;
        --toolbarbutton-hover-bordercolor: hsla(210,54%,20%,.2) hsla(210,54%,20%,.25) hsla(210,54%,20%,.3) !important;
        --toolbarbutton-hover-boxshadow: 0 1px hsla(0,0%,100%,.35) inset, 0 1px hsla(210,54%,20%,.05), 0 0 2px hsla(210,54%,20%,.2) !important;
    }
}

#nav-bar .toolbarbutton-1:not(:-moz-any(:hover,:active,[disabled="true"],[open="true"])) > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1:not(:-moz-any(#back-button,#forward-button,:hover,:active,[disabled="true"],[open="true"],[checked="true"])) > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1:not(:-moz-any(:hover,:active,[disabled="true"],[open="true"],[checked="true"])) > .toolbarbutton-text,
#nav-bar .toolbarbutton-1:not(:-moz-any(:hover,:active,[disabled="true"],[open="true"],[checked="true"])) > .toolbarbutton-badge-container,
#nav-bar .toolbarbutton-1:not(:-moz-any(:hover,:active,[disabled="true"],[open="true"],[checked="true"])) > .toolbarbutton-badge-stack,
#nav-bar .toolbarbutton-1:not(:-moz-any(:hover,:active,[disabled="true"],[open="true"],[buttonover])) > .toolbarbutton-menubutton-dropmarker:not([disabled="true"]) > .dropmarker-icon,
#nav-bar .toolbarbutton-1[disabled="true"] > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1:not(:-moz-any(#back-button,#forward-button))[disabled="true"] > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1[disabled="true"] > .toolbarbutton-text,
#nav-bar .toolbarbutton-1[disabled="true"] > .toolbarbutton-badge-container,
#nav-bar .toolbarbutton-1[disabled="true"] > .toolbarbutton-badge-stack,
#nav-bar .toolbarbutton-1[disabled="true"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
    background: var(--toolbarbutton--background) !important;
    border-color: var(--toolbarbutton--bordercolor) !important;
    box-shadow: var(--toolbarbutton--boxshadow) !important;
    background-clip: padding-box !important;
    background-origin: padding-box !important;
}

#nav-bar .toolbaritem-combined-buttons > separator,
#nav-bar .toolbarbutton-1:not(:hover):not(:active):not([open]) > .toolbarbutton-menubutton-dropmarker::before {
    opacity: 0 !important;
}
}

oleg.sgh · №2149

shadow7
Можно взять стиль из дополнения Classic Toolbar Buttons navbarbuttons_small уменьшающий всю панель и с синей подсветкой при наведении.

shadow7 · №2150

Vitaliy V.
Спасибо огромное! то что нужно

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

Re: Stylish

Re: Stylish

Re: Stylish

Код:

Re: Stylish

Re: Stylish

Код:

Re: Stylish

Re: Stylish

Re: Stylish

Re: Stylish

Re: Stylish

Код:

Re: Stylish

Re: Stylish

Код:

Re: Stylish

Re: Stylish

Re: Stylish

Код:

Re: Stylish

Код:

Re: Stylish

Re: Stylish

Re: Stylish

Код:

Re: Stylish

Код:

Re: Stylish

Re: Stylish

Re: Stylish

Код:

Re: Stylish

Re: Stylish

Board footer