guawazi/qiankun-fit
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

🐛 compatible with lower version chrome that does't support css rule conditionText

Browse Source 
Co-authored-by: Kuitos <kuitos.lau@gmail.com>
This commit is contained in:
xiaochao 2022-06-02 21:10:48 +08:00 committed by GitHub
parent 44e7275e99
commit ad5d85d27d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/sandbox/patchers/css.ts
View File

@ -170,14 +170,14 @@ export class ScopedCSS {
// @media screen and (max-width: 300px) {}
private ruleMedia(rule: CSSMediaRule, prefix: string) {
const css = this.rewrite(arrayify(rule.cssRules), prefix);
return `@media ${rule.conditionText} {${css}}`;
return `@media ${rule.conditionText || rule.media.mediaText} {${css}}`;
}
// handle case:
// @supports (display: grid) {}
private ruleSupport(rule: CSSSupportsRule, prefix: string) {
const css = this.rewrite(arrayify(rule.cssRules), prefix);
return `@supports ${rule.conditionText} {${css}}`;
return `@supports ${rule.conditionText || rule.cssText.split('{')[0]} {${css}}`;
}
}