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

В мире Mozilla происходит много интересных событий. Но вам не нужно постоянно посещать новостные сайты, чтобы быть в курсе всех изменений. Зайдите на ленту новостей Mozilla Россия.
  • Форумы
  •  » Firefox
  •  » [РЕШЕНО] Внешний вид 57 - скруглить края вкладок и убрать анимацию

№117-11-2017 16:06:50

effrit
Участник
 
Группа: Members
Зарегистрирован: 17-11-2017
Сообщений: 59
UA: Firefox 57.0

[РЕШЕНО] Внешний вид 57 - скруглить края вкладок и убрать анимацию

Всем привет!
После обновления выпал в осадок от серого дизайна, полез разбираться с кастомизацией.
Благодаря помощи товарищей удалось:

Cкруглить вкладки, сдвинуть панель с ними вверх, чтобы меньше места занимали.
Вернуть позитивные папки, вместо надгробий. Папки вертикальные (какие были), сначала думал повернуть, а потом привык - так лучше отбивка даже. Кому надо - перевернет.
Уменьшить высоту адресной строки.

Кастомизация на основе стандартной светлой темы, так что любители черного фона - страдайте перекрашивайте :P
Все значимые изменения отмечены комментариями, так что стирайте или комментируйте то, что вам не нужно.
последний вариант:
e70zuc.png
OLD:
2modt2p.png


Как отключить богомерзкий градиент, который пробегает по вкладке после полной загрузки страницы?
В адресной строки вбить about:config, найти и переключить в false свойство toolkit.cosmeticAnimations.enabled

Как растянуть адресную строку на всю доступную ширину?
Если до самых левых кнопок, то щелкаем правой кнопкой по пустому месту панели - Изменить, утаскиваем элемент "растягивающийся интервал".
Если нужно просто ему ширину задать, то лезем в файл стилей, ищем фрагмент
"отступ слева у адресной строки (до иконки с домиком)", раскоментируем строку ниже и ставим там нужный отступ в пикселях (сейчас там 20), сохраняем и перезапускаем FF.

Как применить кастомизацию?
скачать и положить в папку chrome
https://yadi.sk/d/1WFTOCzf3PphC7

По дефолту получите вариант с первого скриншота, но если перезатрете userChrome.css другими версиями (рядом лежат), то получите чуть иной вид. В частности, второй скриншот - это вариант OLD.

Где взять эту папку?
В адресную строку вбиваете about:support открываете папку профиля и там создаете (если её нет) папку chrome.
Внутрь распаковываете архив. Перезагружаете браузер.

надеюсь, кому-то поможет :music:

постфактум, обнаружил вход в матрицу!
https://github.com/Aris-t2/CustomCSSfor … attributes
включаем панель отладки и исследуем интерфейс, как обычную страницу!

Отредактировано effrit (19-11-2017 17:13:54)

Отсутствует

 

№217-11-2017 16:22:08

unter_officer
Участник
 
Группа: Members
Откуда: Санкт-Петербург
Зарегистрирован: 27-03-2011
Сообщений: 537
UA: Firefox 48.0

Re: [РЕШЕНО] Внешний вид 57 - скруглить края вкладок и убрать анимацию

effrit пишет

как можно скруглить верхний бордюр активной вкладки?

Попробуйте так:

Выделить код

Код:

.tab-background[selected="true"] {
  border-top-left-radius: 5px !important;
  border-top-right-radius: 5px !important;
}

«The Truth Is Out There»

Отсутствует

 

№317-11-2017 16:26:56

effrit
Участник
 
Группа: Members
Зарегистрирован: 17-11-2017
Сообщений: 59
UA: Firefox 57.0

Re: [РЕШЕНО] Внешний вид 57 - скруглить края вкладок и убрать анимацию

так, с простым разобрались, вот так работает

Выделить код

Код:

.tab-background[selected="true"] {
border-radius: 13px 13px 0px 0px !important;
}

Спасибо!

Теперь бы как-то прибить анимацию и можно жить :D

Отсутствует

 

№417-11-2017 16:35:55

unter_officer
Участник
 
Группа: Members
Откуда: Санкт-Петербург
Зарегистрирован: 27-03-2011
Сообщений: 537
UA: Firefox 48.0

Re: [РЕШЕНО] Внешний вид 57 - скруглить края вкладок и убрать анимацию

effrit пишет

Спасибо!

А можно глянуть ваш стиль по вкладкам целиком. Я уже запарился внешний вид вкладок под себя подгонять, а то, что получилось у вас, мне понравилось.


«The Truth Is Out There»

Отсутствует

 

№517-11-2017 16:41:14

villa7
Участник
 
Группа: Members
Зарегистрирован: 21-07-2012
Сообщений: 2235
UA: Firefox 42.0

Re: [РЕШЕНО] Внешний вид 57 - скруглить края вкладок и убрать анимацию

effrit
А так
browser.tabs.animate;false
Или гляньте в настройках что нибудь типа animate, animation, и т.д.

Отредактировано villa7 (17-11-2017 16:45:52)


Лучше спросить у знающих - чем лезть не зная.

Отсутствует

 

№617-11-2017 16:49:57

effrit
Участник
 
Группа: Members
Зарегистрирован: 17-11-2017
Сообщений: 59
UA: Firefox 57.0

Re: [РЕШЕНО] Внешний вид 57 - скруглить края вкладок и убрать анимацию

unter_officer, давайте я домучаю его немного и тут выложу сегодня или завтра. думаю, не двое нас таких, которые не в восторге :D

villa7, в свойствах, доступных черех about:support не вижу такого. где-то ещё надо смотреть?
вариации на тему tab, anima тоже ничего не дают, увы:angry:

Отредактировано effrit (17-11-2017 16:52:55)

Отсутствует

 

№717-11-2017 17:01:29

villa7
Участник
 
Группа: Members
Зарегистрирован: 21-07-2012
Сообщений: 2235
UA: Firefox 42.0

Re: [РЕШЕНО] Внешний вид 57 - скруглить края вкладок и убрать анимацию

effrit
about:config


Лучше спросить у знающих - чем лезть не зная.

Отсутствует

 

№817-11-2017 17:02:53

FMRUser
Участник
 
Группа: Members
Зарегистрирован: 01-03-2014
Сообщений: 817
UA: Firefox 57.0
Веб-сайт

Re: [РЕШЕНО] Внешний вид 57 - скруглить края вкладок и убрать анимацию

С переключением toolkit.cosmeticAnimations.enabled анимация пропадает, что еще отключит - не знаю.

Отсутствует

 

№917-11-2017 17:10:29

villa7
Участник
 
Группа: Members
Зарегистрирован: 21-07-2012
Сообщений: 2235
UA: Firefox 42.0

Re: [РЕШЕНО] Внешний вид 57 - скруглить края вкладок и убрать анимацию

FMRUser
https://www.ghacks.net/2017/07/06/how-to-disable-animations-in-firefox-photon/


Лучше спросить у знающих - чем лезть не зная.

Отсутствует

 

№1017-11-2017 17:18:45

effrit
Участник
 
Группа: Members
Зарегистрирован: 17-11-2017
Сообщений: 59
UA: Firefox 57.0

Re: [РЕШЕНО] Внешний вид 57 - скруглить края вкладок и убрать анимацию

спасибо, комрады,  по ходу, toolkit.cosmeticAnimations.enabled - это то, что надо :music:

Отсутствует

 

№1117-11-2017 17:35:46

FMRUser
Участник
 
Группа: Members
Зарегистрирован: 01-03-2014
Сообщений: 817
UA: Firefox 57.0
Веб-сайт

Re: [РЕШЕНО] Внешний вид 57 - скруглить края вкладок и убрать анимацию

effrit пишет

https://www.ghacks.net/2017/07/06/how-to-disable-animations-in-firefox-photon/

Ну да, к гадалке не ходи.
==================
В browser.css есть:

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

Выделить код

Код:

/* Tab hover */

.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) {
  background-color: rgba(0,0,0,.1);
}

#TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) {
  background-color: rgba(255,255,255,.1);
}

.tab-line:not([selected=true]) {
  opacity: 0;
  transform: scaleX(0);
  transition: transform 250ms var(--animation-easing-function), opacity 250ms var(--animation-easing-function);
}

.tabbrowser-tab:hover > .tab-stack > .tab-background > .tab-line:not([selected=true]) {
  background-color: rgba(0,0,0,.2);
  opacity: 1;
  transform: none;
}

#TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-tab:hover > .tab-stack > .tab-background > .tab-line:not([selected=true]) {
  background-color: rgba(255,255,255,.2);
}


..если оно, то как изменить не знаю. :|

Отсутствует

 

№1217-11-2017 19:58:11

effrit
Участник
 
Группа: Members
Зарегистрирован: 17-11-2017
Сообщений: 59
UA: Firefox 57.0

Re: [РЕШЕНО] Внешний вид 57 - скруглить края вкладок и убрать анимацию

Готово. В шапку заколупал, все, что смог сотворить.
Мне хватит, но если кто в курсе - можно дописать, как уменьшить высоту вкладок нормально (сейчас они тупо сдвигаются вверх и снизу чутка режутся).
Если верхнее меню по дефолту скрыто, как у меня, то это норм. Если нет - то видно, что они слегка наползают.
По фэншую сам блок с ними по высоте бы сократить и будет вообще хорошо.

Отсутствует

 

№1317-11-2017 20:25:25

ibb1386
Outpost'er
 
Группа: Members
Зарегистрирован: 30-10-2010
Сообщений: 1308
UA: Firefox 57.0

Re: [РЕШЕНО] Внешний вид 57 - скруглить края вкладок и убрать анимацию

Очень даже ничего так, но иные, стандартные тему кроме "Светлой" лучше не использовать =-)

Отсутствует

 

№1417-11-2017 20:28:27

effrit
Участник
 
Группа: Members
Зарегистрирован: 17-11-2017
Сообщений: 59
UA: Firefox 57.0

Re: [РЕШЕНО] Внешний вид 57 - скруглить края вкладок и убрать анимацию

да, забыл написать, что это для любителей классики.
хотя там мало стилей, кому надо - перекрасить могут.

Отсутствует

 

№1517-11-2017 21:19:51

dalex
Участник
 
Группа: Members
Откуда: Voronezh
Зарегистрирован: 18-10-2004
Сообщений: 26
UA: Firefox 57.0

Re: [РЕШЕНО] Внешний вид 57 - скруглить края вкладок и убрать анимацию

спасибо, то что нужно, чтобы не броситься ставить старую версию.
Вот еще чтобы сделать вкладки в несколько рядом работающий вариант
https://www.reddit.com/r/firefox/comments/6yvi2j/yet_another_collection_of_addons_to_imitate_tab/dmrniao/?context=1


Со всеми регардами - Alexei Dmitriev aka SignFinder
Чтобы добиться успеха в этом мире, одной глупости недостаточно, к ней нужны еще хорошие манеры.
(c) Вольтер

Отсутствует

 

№1617-11-2017 21:49:04

AjiTae
Кинтсачу
 
Группа: Members
Откуда: перерекрёсток миров
Зарегистрирован: 20-03-2009
Сообщений: 23
UA: Firefox 57.0

Re: [РЕШЕНО] Внешний вид 57 - скруглить края вкладок и убрать анимацию

effrit пишет

Г но если кто в курсе - можно дописать, как уменьшить высоту вкладок нормально

Первый набросок липосакции нового фокса, с которым пока живу:

Выделить код

Код:

.tab-content{
    margin: 0 !important;
    padding: 0 3px 0 6px !important;
}

toolbarbutton,
#toolbar-menubar{
    margin: 0 !important;
    padding: 0 3px !important;
}
.tab-content[pinned]{
    --tab-min-width: 10px !important;
    padding: 0 3px !important;
}
:root{
    --tab-min-width: 100px !important;
    --tab-min-height: 28px !important;
}
#nav-bar-overflow-button > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image{
    min-height: var(--tab-min-height) !important;
}
#urlbar, .searchbar-textbox {
    margin: 0 !important;
    padding: 0 !important;
    min-height: auto !important;
    height: 26px !important;
}
#menubar{
    padding-top: 0 !important;
}
#nav-bar {
    height: 32px !important;
}
#nav-bar-customization-target{
    padding: 0 !important;
}

Что-то тут может быть вам не нужно, но высоту режет как надо.)

Отредактировано AjiTae (17-11-2017 21:52:02)

Отсутствует

 

№1717-11-2017 23:30:24

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

Re: [РЕШЕНО] Внешний вид 57 - скруглить края вкладок и убрать анимацию

effrit пишет

Как отключить богомерзкий градиент, который пробегает по вкладке после полной загрузки страницы?
В адресной строки вбить about:config, найти и переключить в false свойство toolkit.cosmeticAnimations.enabled

так намного лучше! а то когда много вкладок открываю  мигает как на дискотеке :tongue2:

Отсутствует

 

№1817-11-2017 23:43:48

effrit
Участник
 
Группа: Members
Зарегистрирован: 17-11-2017
Сообщений: 59
UA: Firefox 57.0

Re: [РЕШЕНО] Внешний вид 57 - скруглить края вкладок и убрать анимацию

AjiTae, спасибо, заюзал пару строк и еще пару пикселей высоты отвоевал у браузера. днем ещё надо пошаманить будет.

Отсутствует

 

№1918-11-2017 01:25:06

unter_officer
Участник
 
Группа: Members
Откуда: Санкт-Петербург
Зарегистрирован: 27-03-2011
Сообщений: 537
UA: Firefox 48.0

Re: [РЕШЕНО] Внешний вид 57 - скруглить края вкладок и убрать анимацию

effrit пишет

Готово. В шапку заколупал, все, что смог сотворить.

effrit
Большое спасибо. :beer:


«The Truth Is Out There»

Отсутствует

 

№2018-11-2017 09:00:46

effrit
Участник
 
Группа: Members
Зарегистрирован: 17-11-2017
Сообщений: 59
UA: Firefox 57.0

Re: [РЕШЕНО] Внешний вид 57 - скруглить края вкладок и убрать анимацию

еще помучил немного, уменьшил высоту вкладок без наезжания на верхнее меню, кнопку "назад" уменьшил. (скрин и аттач в первом посте)
отладчик перестал запускаться :angry:, видимо, устал от меня :D
но в принципе, все уже устраивает. хотел ещё бордюр градиентным сделать по краям вкладок (сейчас там полупрозрачная палка торчит, не критично, но на светлом фоне видно).
даже нашел, где это задается (в css закомментировал фрагмент), но чего-то не взлетело.
у кого прямые руки - можете доделать этот момент.

Отсутствует

 

№2118-11-2017 09:59:21

ofizer
Участник
 
Группа: Members
Зарегистрирован: 17-08-2013
Сообщений: 310
UA: Firefox 57.0

Re: [РЕШЕНО] Внешний вид 57 - скруглить края вкладок и убрать анимацию

effrit
А Вы не знаете, как можно вернуть старый поиск, где нет "Искать в..." и показа поисковых систем?
4db20a02cfd6.png

Отсутствует

 

№2218-11-2017 10:12:27

effrit
Участник
 
Группа: Members
Зарегистрирован: 17-11-2017
Сообщений: 59
UA: Firefox 57.0

Re: [РЕШЕНО] Внешний вид 57 - скруглить края вкладок и убрать анимацию

ofizer, я давно отдельным окном не пользуюсь - сразу в адресную строку вбиваю, а для неё настройки есть, чтобы не вываливало предварительные результаты.
имхо, это удобно, и не захламляет интерфейс лишним окошком.

Отредактировано effrit (18-11-2017 10:17:14)

Отсутствует

 

№2318-11-2017 10:22:34

rubel
Участник
 
Группа: Members
Откуда: г.Самара
Зарегистрирован: 10-05-2005
Сообщений: 559
UA: Firefox 57.0

Re: [РЕШЕНО] Внешний вид 57 - скруглить края вкладок и убрать анимацию

effrit пишет

а для неё настройки есть, чтобы не вываливало предварительные результаты.

А что это за настройки, можно подробнее.

Отсутствует

 

№2418-11-2017 10:37:19

effrit
Участник
 
Группа: Members
Зарегистрирован: 17-11-2017
Сообщений: 59
UA: Firefox 57.0

Re: [РЕШЕНО] Внешний вид 57 - скруглить края вкладок и убрать анимацию

Настройки - вкладка Поиск, или так, в браузере вбить
about:preferences#search
снимаете галочки с "Отображать поисковые предложения" и со всех браузеров из списка ниже.

Отсутствует

 

№2518-11-2017 16:35:23

ofizer
Участник
 
Группа: Members
Зарегистрирован: 17-08-2013
Сообщений: 310
UA: Firefox 57.0

Re: [РЕШЕНО] Внешний вид 57 - скруглить края вкладок и убрать анимацию

effrit пишет

Настройки - вкладка Поиск, или так, в браузере вбить
about:preferences#search
снимаете галочки с "Отображать поисковые предложения" и со всех браузеров из списка ниже.

Да нет, поисковые предложения мне нужны. Мне не нужны предлагаемые поисковики, которые отображаются при поиске (Искать в... далее кнопки поисковиков). Нужный поиск был, кажется, до 43-ей версии FF.

Отсутствует

 
  • Форумы
  •  » Firefox
  •  » [РЕШЕНО] Внешний вид 57 - скруглить края вкладок и убрать анимацию

Board footer

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