Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Commitd5d0fef

Browse files
committed
feat: support firefox
1 parent47532f6 commitd5d0fef

File tree

3 files changed

+42
-14
lines changed

3 files changed

+42
-14
lines changed

‎entrypoints/devtools-pane/use-platform-class.ts

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -19,9 +19,11 @@ const usePlatformClass = () => {
1919
hasOnThemeChanged&&
2020
browser.devtools.panels.onThemeChanged.addListener(listener);
2121

22-
browser.runtime.getPlatformInfo().then((info)=>{
23-
document.body.classList.add("platform-"+info.os);
24-
});
22+
if(browser.runtime.getPlatformInfo){
23+
browser.runtime.getPlatformInfo().then((info)=>{
24+
document.body.classList.add("platform-"+info.os);
25+
});
26+
}
2527

2628
return()=>{
2729
hasOnThemeChanged&&

‎src/asserts.ts

Lines changed: 24 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3,21 +3,41 @@
33
// - `{rule} instanceof CSS{rule}` might not be the same in different JS contexts (e.g. iframe)
44

55
constisCSSStyleRule=(rule:CSSRule):rule isCSSStyleRule=>{
6-
returnrule.constructor.name==="CSSStyleRule";
6+
return(
7+
rule.constructor.name==="CSSStyleRule"||
8+
rule.type===rule.STYLE_RULE||
9+
ruleinstanceofCSSStyleRule
10+
);
711
};
812

913
constisCSSMediaRule=(rule:CSSRule):rule isCSSMediaRule=>{
10-
returnrule.constructor.name==="CSSMediaRule";
14+
return(
15+
rule.constructor.name==="CSSMediaRule"||
16+
rule.type===rule.MEDIA_RULE||
17+
ruleinstanceofCSSMediaRule
18+
);
1119
};
1220

1321
constisCSSLayerBlockRule=(rule:CSSRule):rule isCSSLayerBlockRule=>{
14-
returnrule.constructor.name==="CSSLayerBlockRule";
22+
return(
23+
rule.constructor.name==="CSSLayerBlockRule"||
24+
(rule.type===0&&
25+
rule.cssText.startsWith("@layer ")&&
26+
rule.cssText.includes("{"))||
27+
ruleinstanceofCSSLayerBlockRule
28+
);
1529
};
1630

1731
constisCSSLayerStatementRule=(
1832
rule:CSSRule,
1933
):rule isCSSLayerStatementRule=>{
20-
returnrule.constructor.name==="CSSLayerStatementRule";
34+
return(
35+
rule.constructor.name==="CSSLayerStatementRule"||
36+
(rule.type===0&&
37+
rule.cssText.startsWith("@layer ")&&
38+
!rule.cssText.includes("{"))||
39+
ruleinstanceofCSSLayerStatementRule
40+
);
2141
};
2242

2343
constisElement=(obj:any):obj isElement=>{

‎src/sidebar-pane.tsx

Lines changed: 13 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -139,7 +139,10 @@ export function SidebarPane() {
139139
})
140140
}
141141
/>
142-
<labelhtmlFor={"layer-"+layer}>
142+
<label
143+
htmlFor={"layer-"+layer}
144+
className={css({fontSize:"12px"})}
145+
>
143146
{layer}
144147
{""}({computed.rulesByLayer.get(layer)?.length})
145148
</label>
@@ -160,12 +163,15 @@ export function SidebarPane() {
160163
fontSize="11px"
161164
lineHeight="1.2"
162165
>
163-
<InsertInlineRow
164-
inspected={inspected}
165-
refresh={refresh}
166-
overrides={overrides}
167-
setOverrides={setOverrides}
168-
/>
166+
{/* TODO FIXME */}
167+
{import.meta.env.FIREFOX ?null :(
168+
<InsertInlineRow
169+
inspected={inspected}
170+
refresh={refresh}
171+
overrides={overrides}
172+
setOverrides={setOverrides}
173+
/>
174+
)}
169175
{match(groupByLayer)
170176
.with(false,()=>{
171177
if(groupByMedia){

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp