Користувач FirefoxChrome для тонких вкладок дерев та вбудованої кнопки бічної панелі в навігації, поки активний · GitHub
| / * |
| * Припускаючи темну тему OSX і компактну навігацію. |
| * Має бути легко настроюваним для будь-якої установки. |
| * Щоб перевірити елементи браузера, вам потрібно: |
| * - Увімкнути панелі інструментів налагодження chrome та додаткових програм у засобах розробки |
| * - Увімкнути віддалену налагодження |
| * - Перейдіть до Інструменти> Розробник> Набір інструментів браузера (не консолі браузера) |
| * Редагування елементів браузера за допомогою налагоджувача часом здається помилковим, |
| * особливо кольори |
| * |
| * довелося замінити позицію: виправлено з підходом з негативною маржею станом на FF71 |
| * / |
| / * Сховати панель вкладок, оскільки ми використовуємо вкладки дерева * / |
| # main-window # TabsToolbar |
| видимість: крах! важливий; |
| > |
| / * показати елементи керування вікном * / |
| # панель інструментів-меню |
| видимість: видима! важлива; |
| ширина: 75 пікселів! важливо; |
| висота: 0 пікселів! важливо; |
| > |
| # панель інструментів-панель меню hbox. рядок із заголовками |
| поле зверху: 8 пікселів; |
| > |
| / * |
| * Помістіть "Гнучкий простір" як перший елемент на панелі навігації, |
| * потім зробіть кнопку бічної панелі першим елементом. |
| * Ми повернемо кнопку заголовка бічної панелі |
| * у вбудовану кнопку навігації, яка накладає це |
| * / |
| # nav-bar панель інструментів: джерело першої дитини |
| максимальна ширина: 75 пікселів! важливо; |
| ширина: 75 пікселів! важливо; |
| мінімальна ширина: 75 пікселів! важливо; |
| > |
| / * Приховати текст і кнопку закриття з заголовка бічної панелі * / |
| # sidebar-header> # sidebar-switcher-target> *: not (: first-child), |
| # sidebar-header> # sidebar-close |
| видимість: крах! важливий; |
| > |
| / * |
| * Зробіть кнопку заголовка розміром кнопки навігаційної панелі, |
| * використовуйте відповідний колір для фону |
| * виправити колір як чорний, оскільки зображення на вкладці дерева є фіксованим кольором |
| * / |
| # бічна панель-заголовок> # бічна панель-перемикач-ціль |
| фон-колір: rgb (71, 71, 73)! важливо; |
| колір: чорний! важливо; |
| ширина: 29 пікселів! важливо; |
| висота: 32 пікселів! важливо; |
| > |
| # sidebar-header> # sidebar-switchcher-target image |
| фільтр: інвертувати (90%); |
| > |
| / * Зробіть кнопку заголовка розміром кнопки навігаційної панелі та прозорою * / |
| # заголовок бічної панелі |
| позиція: фіксована! важлива; |
| поле зліва: 65 пікселів! важливо; |
| margin-top: -34px! important; |
| підкладка: 2 пікселі! важливо; |
| фон-колір: прозорий! важливий; |
| padding-bottom: 0 пікселів! важливо; |
| ширина: 29 пікселів! важливо; |
| висота: 32 пікселів! важливо; |
| border-color: # 323234! важливо;/*, можливо, також може бути прозорим * / |
| > |
Зараз ви не можете виконати цю дію.
Ви ввійшли з іншої вкладки чи вікна. Оновіть, щоб оновити сеанс. Ви вийшли з іншої вкладки чи вікна. Оновіть, щоб оновити сеанс.