Skip to content

Commit 2ff086e

Browse files
aminomanceraminomancer
committed
add closed caption icon to PiP frame.
add styles for new (optional) urlbar action results. (see Bug 1699316)
1 parent b0664f2 commit 2ff086e

5 files changed

Lines changed: 118 additions & 3 deletions

File tree

‎resources/material/closed-caption-settings.svg‎

Lines changed: 17 additions & 0 deletions
Loading

‎uc-misc.css‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -641,6 +641,10 @@ toolbar:not(#PersonalToolbar) .toolbarbutton-1:focus-visible > .toolbarbutton-ba
641641
font-weight: var(--uc-font-weight-thin, 400) !important;
642642
}
643643

644+
.urlbarView-row[dynamicType="quickactions"] .urlbarView-quickaction-row {
645+
line-height: 14px !important;
646+
}
647+
644648
.urlbarView-row .urlbarView-tag strong {
645649
font-weight: inherit !important;
646650
}

‎uc-popups.css‎

Lines changed: 17 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -425,6 +425,18 @@ panel[type="autocomplete-richlistbox"]
425425

426426
@-moz-document url("chrome://global/content/pictureinpicture/player.xhtml")
427427
{
428+
:root {
429+
--panel-bgcolor: var(--in-content-button-highlight-dark) !important;
430+
}
431+
432+
.box {
433+
background-color: var(--panel-bgcolor) !important;
434+
}
435+
436+
.arrow {
437+
border-top-color: var(--panel-bgcolor) !important;
438+
}
439+
428440
.control-item {
429441
/* backdrop-filter has been temporarily disabled by mozilla */
430442
/* backdrop-filter: blur(8px) !important;
@@ -439,7 +451,7 @@ panel[type="autocomplete-richlistbox"]
439451
border-radius: 3px !important;
440452
}
441453

442-
body:not(:fullscreen) #controls:hover .control-item {
454+
body:not(:fullscreen) #controls:is(:hover, [donthide]) .control-item {
443455
opacity: 1 !important;
444456
}
445457

@@ -474,6 +486,10 @@ panel[type="autocomplete-richlistbox"]
474486
#unpip {
475487
--pip-icon: url(chrome://userchrome/content/pictureinpicture-closed.svg);
476488
}
489+
490+
#closed-caption {
491+
--pip-icon: url(chrome://userchrome/content/material/closed-caption-settings.svg);
492+
}
477493
}
478494

479495
#DateTimePickerPanel {

‎uc-urlbar-results.css‎

Lines changed: 61 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -38,14 +38,15 @@ by underlining them (requires urlbarMods.uc.js) */
3838
color: var(--panel-shortcut-focus);
3939
}
4040

41-
.urlbarView-row[selected] > .urlbarView-row-inner,
41+
.urlbarView-row[selected]:not([dynamicType="quickactions"]) > .urlbarView-row-inner,
4242
.urlbarView-row:is([dynamicType="calculator"], [has-help="true"]) > .urlbarView-row-inner[selected],
4343
.urlbarView-help[selected] {
4444
background-color: var(--arrowpanel-dimmed-further) !important;
4545
fill-opacity: 1;
4646
}
4747

48-
.urlbarView-row:not([selected]):hover > .urlbarView-row-inner:not([selected]),
48+
.urlbarView-row:not([selected], [dynamicType="quickactions"]):hover
49+
> .urlbarView-row-inner:not([selected]),
4950
.urlbarView-help:not([selected]):hover {
5051
background-color: var(--arrowpanel-dimmed) !important;
5152
}
@@ -101,6 +102,64 @@ by underlining them (requires urlbarMods.uc.js) */
101102
background-color: var(--arrowpanel-faint) !important;
102103
}
103104

105+
.urlbarView-row[dynamicType="quickactions"] > .urlbarView-row-inner {
106+
gap: 4px calc(var(--urlbar-icon-padding) + 2px) !important;
107+
padding-inline: 2px !important;
108+
}
109+
110+
.urlbarView-row[dynamicType="quickactions"] .urlbarView-quickaction-row {
111+
background: var(--arrowpanel-faint) !important;
112+
border-radius: 20px !important;
113+
padding: 4px 7px !important;
114+
align-items: normal !important;
115+
line-height: 13px !important;
116+
height: 24px !important;
117+
box-sizing: border-box !important;
118+
border: 1px solid var(--panel-separator-color) !important;
119+
outline: none !important;
120+
margin: 0 !important;
121+
gap: 4px !important;
122+
font-size: 0.85em !important;
123+
color: var(--panel-description-color) !important;
124+
}
125+
126+
.urlbarView-row[dynamicType="quickactions"]
127+
.urlbarView-quickaction-row:hover {
128+
background: var(--uc-arrowpanel-dimmed) !important;
129+
color: var(--panel-shortcut-focus) !important;
130+
fill-opacity: 1 !important;
131+
}
132+
133+
.urlbarView-row[dynamicType="quickactions"]
134+
.urlbarView-quickaction-row:is(:focus-visible, [selected]) {
135+
background: var(--uc-arrowpanel-dimmed-further) !important;
136+
border-color: transparent !important;
137+
color: var(--panel-shortcut-focus) !important;
138+
fill-opacity: 1 !important;
139+
}
140+
141+
.urlbarView-row[dynamicType="quickactions"] .urlbarView-label {
142+
font-size: inherit !important;
143+
font-weight: var(--urlbar-result-strong-font-weight, 500) !important;
144+
color: inherit !important;
145+
}
146+
147+
.urlbarView-row[dynamicType="quickactions"]
148+
.urlbarView-quickaction-row:is(:hover, :focus-visible, [selected])
149+
.urlbarView-label {
150+
opacity: 1;
151+
}
152+
153+
.urlbarView-row[dynamicType="quickactions"] .urlbarView-favicon {
154+
-moz-context-properties: fill, fill-opacity !important;
155+
fill: currentColor !important;
156+
}
157+
158+
.urlbarView-row[dynamicType="quickactions"] :where(.urlbarView-favicon, .urlbarView-favicon-img) {
159+
width: 14px !important;
160+
height: 14px !important;
161+
}
162+
104163
.urlbarView-favicon {
105164
background-position: center !important;
106165
margin-inline: 0 !important;

‎utils/chrome.manifest‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -117,6 +117,25 @@ override chrome://activity-stream/content/data/content/assets/glyph-highlights-1
117117
override chrome://activity-stream/content/data/content/assets/glyph-info-16.svg ../resources/glyph-info-16.svg
118118
override chrome://activity-stream/content/data/content/assets/glyph-webextension-16.svg ../resources/material/extension.svg
119119
override chrome://devtools/content/debugger/images/sources/extension.svg ../resources/material/extension.svg
120+
override chrome://devtools/skin/images/command-chevron.svg ../resources/devtools/command-chevron.svg
121+
override chrome://devtools/skin/images/command-console.svg ../resources/devtools/command-console.svg
122+
override chrome://devtools/skin/images/command-eyedropper.svg ../resources/devtools/command-eyedropper.svg
123+
override chrome://devtools/skin/images/command-measure.svg ../resources/devtools/command-measure.svg
124+
override chrome://devtools/skin/images/command-noautohide.svg ../resources/devtools/command-noautohide.svg
125+
override chrome://devtools/skin/images/command-paintflashing.svg ../resources/devtools/command-paintflashing.svg
126+
override chrome://devtools/skin/images/command-pick.svg ../resources/devtools/command-pick.svg
127+
override chrome://devtools/skin/images/command-pick-accessibility.svg ../resources/devtools/command-pick-accessibility.svg
128+
override chrome://devtools/skin/images/command-rulers.svg ../resources/devtools/command-rulers.svg
129+
override chrome://devtools/skin/images/command-screenshot.svg ../resources/devtools/command-screenshot.svg
130+
override chrome://devtools/skin/images/tool-webconsole.svg ../resources/devtools/tool-webconsole.svg
131+
override chrome://devtools/skin/images/tool-storage.svg ../resources/devtools/tool-storage.svg
132+
override chrome://devtools/skin/images/tool-memory.svg ../resources/devtools/tool-memory.svg
133+
override chrome://devtools/skin/images/tool-inspector.svg ../resources/devtools/tool-inspector.svg
134+
override chrome://devtools/skin/images/tool-debugger.svg ../resources/devtools/tool-debugger.svg
135+
override chrome://devtools/skin/images/tool-application.svg ../resources/devtools/tool-application.svg
136+
override chrome://devtools/skin/images/tool-accessibility.svg ../resources/devtools/tool-accessibility.svg
137+
override chrome://devtools/skin/images/tool-dom.svg ../resources/devtools/tool-dom.svg
138+
override chrome://devtools/skin/images/tool-styleeditor.svg ../resources/devtools/tool-styleeditor.svg
120139

121140
# Basic content stylesheets, e.g., for plain text and "view source" documents.
122141
resource content-accessible chrome://userchrome/content/layout/contentaccessible/ contentaccessible=yes

0 commit comments

Comments
 (0)