Справа от адресной строки Firefox я расположил кнопки Дополнений или кнопки типа Журнала. Проблема в том, что они не очень похожи на кнопки, а больше напоминают значки/иконки закладок:
Чтобы сделать для них рамки, пришлось добавить в файл userChrome.css несколько строчек кода:
/** Toolbar icons frame color **/
#nav-bar-overflow-button > .toolbarbutton-icon /* Overflow (more) button */,
#PanelUI-menu-button > .toolbarbutton-badge-stack /* Menu button */,
#history-panelmenu > .toolbarbutton-icon, /* History button */
#downloads-button > .toolbarbutton-badge-stack /* Downloads button */
{
border-style: solid !important;
border-color: #63748f !important;
border-width: 1px !important;
}
/* Toolbar extension icons frames */
#support_lastpass_com-browser-action > .toolbarbutton-badge-stack /* LastPass */,
#_73a6fe31-595d-460b-a920-fcc0f8843232_-browser-action > .toolbarbutton-badge-stack /* NoScript */,
#_b9db16a4-6edc-47ec-a1f4-b86292ed211d_-browser-action > .toolbarbutton-badge-stack /* VideoDownloadHelper */,
#offline-qr-code_rugk_github_io-browser-action > .toolbarbutton-badge-stack /* Offline QR-code generator */,
#_7a7a4a92-a2a0-41d1-9fd7-1e92480d612d_-browser-action > .toolbarbutton-badge-stack /* Stylus */,
#_f73df109-8fb4-453e-8373-f59e61ca4da3_-browser-action > .toolbarbutton-badge-stack /* YouTube Video and Audio Downloader (Dev Edt.) */,
#foxyproxy_eric_h_jung-browser-action > .toolbarbutton-badge-stack /* FoxyProxy */,
#new-window-without-toolbar_tkrkt_com-browser-action > .toolbarbutton-badge-stack /* New window without toolbar */
{
border-style: solid !important;
border-color: #63748f !important;
border-width: 1px !important;
}
/* Increase Toolbar Icons size */
toolbar .toolbarbutton-1 > .toolbarbutton-icon {
width: calc(2 * var(--toolbarbutton-inner-padding) + 18px) !important;
height: calc(2 * var(--toolbarbutton-inner-padding) + 18px) !important;
}В результате добавления этого кода мы получим такие рамочки вокруг кнопок:
Некоторые кнопки у меня не вынесены на панель (VideoDownloadHelper, Stylus, YouTube Video and Audio Downloader (Dev Edt.), New window without toolbar, FoxyProxy), но если вдруг они потребуются, для них тоже будут рамки.
Чтобы правила из userChrome.css работали, нужно включить его поддержку!
DenTNT недавно публиковал (посмотреть все)
- Не приходит СМС для авторизации на сайте Госуслуги - 01.11.2024
- VSCode: Найти и удалить элементы xml - 29.10.2024
- WordPress: Ошибка в плагине WpDiscuz - 08.10.2024