Вівальді Це один із браузерів, який надає користувачам найбільшу свободу як у формі функцій, так і у налаштуванні. Це не тільки дозволяє використовувати теми та редагувати округлення вкладок, серед іншого; Це також дозволяє нам створити файл конфігурації, з якого можна редагувати будь-яку частину браузера.
Те, що ми збираємося показати вам сьогодні, — це те, про що деякі користувачі запитували на форумі браузера, але наразі це не реалізовано. Vivaldi дозволяє приховати бічну панель за допомогою F4, а також має опцію у вигляді невеликої вкладки, яка буде показувати панель при натисканні. Чого не вистачає, щоб завершити коло, так це цього панель з’являється, лише якщо навести на неї курсор, і ми збираємося пояснити спосіб досягнення цього.
Модифікація Vivaldi, яка може вас зацікавити
En ця стаття ми пояснюємо як активуйте опцію редагування будь-якої частини браузера і як створити файл для цих цілей. Якщо коротко, опція активована в vivaldi://experiments/
, вказується папка, куди ми будемо розміщувати ці зміни, і створюється файл .css із змінами, які нас цікавлять.
Щоб переконатися, що бічна панель прихована та з’являється під час виконання так званих дій hover, у певний момент цього файлу ми повинні додати щось на зразок цього:
#panels-container { непрозорість: 0; ширина: 1px !важливо; перехід: 0.3 с !важливо } #panels-container:hover { непрозорість: 1; ширина: 35 пікселів !важливо }
Пояснення того, що ми зробили
Панелі знаходяться в контейнері, який називається елементом Вівальді панелі-контейнери. У першій частині ми робимо для нього непрозорість 0, тобто він повністю прозорий, і ми надаємо йому ширину принаймні 1px, щоб він існував і було над чим провести курсором. У другому – для того, коли ми це робимо hover, непрозорість стане 1 – повністю видимий – і ми надамо йому нормальну ширину, яка за замовчуванням і на всіх пристроях, які я переглядав, становить 35 пікселів.
Залишилося ще щось, і воно є перехід. Це необов’язково, але якщо ви додасте цю частину, панель з’явиться з краю та створить ефект, який є крутим... якщо вам це подобається.
Інші варіанти
Якщо ви знаєте мову CSS, і, як ми тоді пояснювали, можливості практично безмежні. Інший приклад, який мені спадає на думку щодо того, що тут пояснюється, це встановлення висоти в кілька пікселів, щоб ефект був зліва направо та знизу вгору або навпаки. Але це те, чого я не рекомендую, оскільки знайти точну точку, над якою слід навести курсор, буде важко. Існують також інші способи отримати панель, я бачив деякі з них на форумах і на Reddit. Але більшість використовує більше рядків CSS і, крім того, вони залишають рамку без видимої панелі в тому місці, де вона повинна бути, що мало виграє.
І якщо говорити про варіанти, я також скажу вам свій вибір: хоча я погоджуюся, що було б добре, щоб панель з’являлася, коли ви переміщуєте курсор через край, я думаю, що Його потрібно краще реалізувати. Те, що ми тут пояснили, — це виправлення, яке робить не більше ніж це: щось, що робить те, що ми хочемо, і позбавляє нас від «неприємностей». Крім того, якщо ми пропускаємо вікно, яке рухається з боку в бік без панелі, ми можемо змусити його «зникнути», натиснувши F4, як ми пояснювали на початку цієї нотатки.
Тож що я зрештою зробив, так це спробував змінити це самостійно, поділитися ним, якщо це комусь допоможе, і залишитися з тим, що пропонує мені браузер за умовчанням. Хто знає, якщо в майбутньому його розробники вирішать, що це хороша ідея, і запропонують щось краще, можливо, я, як і багато інших, скористаюся цією функцією. Vivaldi продовжить робити те, що він робить: пропонувати варіанти.