Firefox: Добавить на значки рамки

Справа от адресной строки Firefox я расположил кнопки Дополнений или кнопки типа Журнала. Проблема в том, что они не очень похожи на кнопки, а больше напоминают значки/иконки закладок:
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;
}

В результате добавления этого кода мы получим такие рамочки вокруг кнопок:
Firefox: Добавить на значки рамки

Некоторые кнопки у меня не вынесены на панель (VideoDownloadHelper, Stylus, YouTube Video and Audio Downloader (Dev Edt.), New window without toolbar, FoxyProxy), но если вдруг они потребуются, для них тоже будут рамки.

Чтобы правила из userChrome.css работали, нужно включить его поддержку!



Подписаться
Уведомление о
guest
0 Комментарий
Oldest
Newest Most Voted
Inline Feedbacks
View all comments