Skip to content

Commit bb942a9

Browse files
Icons: Add info icon
1 parent ee55470 commit bb942a9

File tree

3 files changed

+132
-0
lines changed

3 files changed

+132
-0
lines changed

theme/icons/info-symbolic.svg

Lines changed: 111 additions & 0 deletions
Loading

theme/parts/icons.css

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,7 @@
1515
.widget-overflow-list .subviewbutton-nav::after,
1616
.PanelUI-subView .subviewbutton-nav::after,
1717
#identity-popup[connection^="secure"] .identity-popup-security-connection,
18+
.panel-info-button > image,
1819
.menu-right,
1920
.expander-down > .button-box,
2021
#sidebar-switcher-arrow,
@@ -34,6 +35,7 @@ menuitem[type="radio"],
3435
menuitem[type="radio"][checked="true"],
3536
.tab-icon-overlay,
3637
.tab-throbber::before,
38+
.tab-icon-stack::before,
3739
.close-icon:not(.tab-close-button),
3840
button.close::before,
3941
#urlbar-search-mode-indicator-close,
@@ -445,6 +447,17 @@ button.close::before {
445447
#downloads-indicator-icon {
446448
list-style-image: url("../icons/folder-download-symbolic.svg") !important;
447449
}
450+
/* Info */
451+
.panel-info-button > image,
452+
#identity-icon {
453+
list-style-image: url("../icons/info-symbolic.svg") !important;
454+
}
455+
.tabbrowser-tab[image="chrome://global/skin/icons/info.svg"]:not([busy]):not([progress]) .tab-icon-stack::before {
456+
content: "";
457+
height: 16px;
458+
width: 16px;
459+
background-image: url("../icons/info-symbolic.svg") !important;
460+
}
448461

449462
/* Url Bar icons */
450463
#urlbar:not(.searchButton) > #urlbar-input-container > #identity-box[pageproxystate="invalid"] #identity-icon {

theme/parts/tabsbar.css

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -134,6 +134,14 @@ tab[selected]:-moz-window-inactive {
134134
padding: 0 10px !important;
135135
}
136136

137+
/* Fix custom info tab icon */
138+
.tabbrowser-tab[image="chrome://global/skin/icons/info.svg"]:not([pinned]):not([busy]):not([progress]) .tab-icon-stack::before {
139+
margin-inline-end: 5.5px;
140+
}
141+
.tabbrowser-tab[image="chrome://global/skin/icons/info.svg"] .tab-icon-image {
142+
display: none !important;
143+
}
144+
137145
/* Prevent tab icons size breaking */
138146
.tab-icon-image, .tab-icon-sound, .tab-throbber, .tab-throbber-fallback, .tab-close-button {
139147
min-width: 16px;

0 commit comments

Comments
 (0)