Skip to content

Commit

Permalink
Make the CanIUse blocks closed by default, like the MDN blocks.
Browse files Browse the repository at this point in the history
  • Loading branch information
@tabatkins
tabatkins committed Dec 3, 2021
1 parent 4f3d0b2 commit be0e7d0
Show file tree
Hide file tree
Showing 16 changed files with 150 additions and 150 deletions.
10 changes: 5 additions & 5 deletions bikeshed/caniuse.py
View file
Original file line number Diff line number Diff line change
Expand Up @@ -78,10 +78,10 @@ def addCanIUsePanels(doc):
--caniuse-partialsupport-text: #666;
}
.caniuse-status { font: 1em sans-serif; width: 9em; padding: 0.3em; position: absolute; z-index: 8; top: auto; right: 0.3em; background: var(--borderedblock-bg, #EEE); color: var(--text, black); box-shadow: 0 0 3px var(--caniuse-shadow, #999); overflow: hidden; border-collapse: initial; border-spacing: initial; }
.caniuse-status.wrapped { width: 1em; height: 1em; }
.caniuse-status.wrapped { width: auto; height: 1em; }
.caniuse-status.wrapped > :not(input) { display: none; }
.caniuse-status > input { position: absolute; right: 0; top: 0; width: 1em; height: 1em; border: none; background: transparent; padding: 0; margin: 0; }
.caniuse-status > p { font-size: 0.6em; margin: 0; padding: 0; }
.caniuse-status > input { float: right; border: none; background: transparent; padding: 0; margin: 0; }
.caniuse-status > p { font-size: 0.6em; margin: 0; padding: 0; clear: both; }
.caniuse-status > p + p { padding-top: 0.5em; }
.caniuse-status > .support { display: block; }
.caniuse-status > .support > span { padding: 0.2em 0; display: block; display: table; }
Expand Down Expand Up @@ -131,8 +131,8 @@ def addCanIUsePanels(doc):

def canIUsePanelFor(id, data, update, classFromBrowser):
panel = E.aside(
{"class": "caniuse-status", "data-deco": ""},
E.input({"value": "\u22F0", "type": "button", "class": "caniuse-panel-btn"}),
{"class": "caniuse-status wrapped", "data-deco": ""},
E.input({"value": "CanIUse", "type": "button", "class": "caniuse-panel-btn"}),
)
mainPara = E.p({"class": "support"}, E.b({}, "Support:"))
appendChild(panel, mainPara)
Expand Down
10 changes: 5 additions & 5 deletions tests/caniuse001.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -74,10 +74,10 @@
--caniuse-partialsupport-text: #666;
}
.caniuse-status { font: 1em sans-serif; width: 9em; padding: 0.3em; position: absolute; z-index: 8; top: auto; right: 0.3em; background: var(--borderedblock-bg, #EEE); color: var(--text, black); box-shadow: 0 0 3px var(--caniuse-shadow, #999); overflow: hidden; border-collapse: initial; border-spacing: initial; }
.caniuse-status.wrapped { width: 1em; height: 1em; }
.caniuse-status.wrapped { width: auto; height: 1em; }
.caniuse-status.wrapped > :not(input) { display: none; }
.caniuse-status > input { position: absolute; right: 0; top: 0; width: 1em; height: 1em; border: none; background: transparent; padding: 0; margin: 0; }
.caniuse-status > p { font-size: 0.6em; margin: 0; padding: 0; }
.caniuse-status > input { float: right; border: none; background: transparent; padding: 0; margin: 0; }
.caniuse-status > p { font-size: 0.6em; margin: 0; padding: 0; clear: both; }
.caniuse-status > p + p { padding-top: 0.5em; }
.caniuse-status > .support { display: block; }
.caniuse-status > .support > span { padding: 0.2em 0; display: block; display: table; }
Expand Down Expand Up @@ -485,8 +485,8 @@ <h2 class="no-num no-toc no-ref" id="contents">Table of Contents</h2>
<main>
<p>The <dfn class="caniuse-paneled" data-dfn-type="dfn" data-noexport id="insertadjacentelement-where-element"><code>insertAdjacentElement(<var>where</var>, <var>element</var>)</code><a class="self-link" href="#insertadjacentelement-where-element"></a></dfn> method has a rich history.</p>
</main>
<aside class="caniuse-status" data-deco data-dfn-id="insertadjacentelement-where-element">
<input class="caniuse-panel-btn" type="button" value="⋰">
<aside class="caniuse-status wrapped" data-deco data-dfn-id="insertadjacentelement-where-element">
<input class="caniuse-panel-btn" type="button" value="CanIUse">
<p class="support"><b>Support:</b><span class="android yes"><span>Android Browser</span><span>2.3+</span></span><span class="baidu yes"><span>Baidu Browser</span><span>7.12+</span></span><span class="bb yes"><span>Blackberry Browser</span><span>7+</span></span><span class="chrome yes"><span>Chrome</span><span>4+</span></span><span class="and_chr yes"><span>Chrome for Android</span><span>89+</span></span><span class="edge yes"><span>Edge</span><span>12+</span></span><span class="firefox yes"><span>Firefox</span><span>48+</span></span><span class="and_ff yes"><span>Firefox for Android</span><span>86+</span></span><span class="ie yes"><span>IE</span><span>6+</span></span><span class="ie_mob yes"><span>IE Mobile</span><span>10+</span></span><span class="kaios yes"><span>KaiOS Browser</span><span>2.5+</span></span><span class="opera yes"><span>Opera</span><span>9.5+</span></span><span class="op_mini yes"><span>Opera Mini</span><span>All</span></span><span class="op_mob yes"><span>Opera Mobile</span><span>10+</span></span><span class="and_qq yes"><span>QQ Browser</span><span>10.4+</span></span><span class="safari yes"><span>Safari</span><span>3.1+</span></span><span class="ios_saf yes"><span>Safari on iOS</span><span>3.2+</span></span><span class="samsung yes"><span>Samsung Internet</span><span>4+</span></span><span class="and_uc yes"><span>UC Browser for Android</span><span>12.12+</span></span></p>
<p class="caniuse">Source: <a href="https://caniuse.com/#feat=insert-adjacent">caniuse.com</a> as of 2021-04-04</p>
</aside>
Expand Down
18 changes: 9 additions & 9 deletions tests/github/w3c/csswg-drafts/css-cascade-3/Overview.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -81,10 +81,10 @@
--caniuse-partialsupport-text: #666;
}
.caniuse-status { font: 1em sans-serif; width: 9em; padding: 0.3em; position: absolute; z-index: 8; top: auto; right: 0.3em; background: var(--borderedblock-bg, #EEE); color: var(--text, black); box-shadow: 0 0 3px var(--caniuse-shadow, #999); overflow: hidden; border-collapse: initial; border-spacing: initial; }
.caniuse-status.wrapped { width: 1em; height: 1em; }
.caniuse-status.wrapped { width: auto; height: 1em; }
.caniuse-status.wrapped > :not(input) { display: none; }
.caniuse-status > input { position: absolute; right: 0; top: 0; width: 1em; height: 1em; border: none; background: transparent; padding: 0; margin: 0; }
.caniuse-status > p { font-size: 0.6em; margin: 0; padding: 0; }
.caniuse-status > input { float: right; border: none; background: transparent; padding: 0; margin: 0; }
.caniuse-status > p { font-size: 0.6em; margin: 0; padding: 0; clear: both; }
.caniuse-status > p + p { padding-top: 0.5em; }
.caniuse-status > .support { display: block; }
.caniuse-status > .support > span { padding: 0.2em 0; display: block; display: table; }
Expand Down Expand Up @@ -1706,18 +1706,18 @@ <h3 class="no-ref heading settled" id="w3c-testing"><span class="content"> Non-e
can be found from on the CSS Working Group’s website at <a href="http://www.w3.org/Style/CSS/Test/">http://www.w3.org/Style/CSS/Test/</a>.
Questions should be directed to the <a href="http://lists.w3.org/Archives/Public/public-css-testsuite">public-css-testsuite@w3.org</a> mailing list.</p>
<script src="https://www.w3.org/scripts/TR/2016/fixup.js"></script>
<aside class="caniuse-status" data-deco data-dfn-id="all-shorthand">
<input class="caniuse-panel-btn" type="button" value="⋰">
<aside class="caniuse-status wrapped" data-deco data-dfn-id="all-shorthand">
<input class="caniuse-panel-btn" type="button" value="CanIUse">
<p class="support"><b>Support:</b><span class="android yes"><span>Android Browser</span><span>4.4.3+</span></span><span class="baidu yes"><span>Baidu Browser</span><span>7.12+</span></span><span class="bb no"><span>Blackberry Browser</span><span>None</span></span><span class="chrome yes"><span>Chrome</span><span>37+</span></span><span class="and_chr yes"><span>Chrome for Android</span><span>89+</span></span><span class="edge yes"><span>Edge</span><span>79+</span></span><span class="firefox yes"><span>Firefox</span><span>27+</span></span><span class="and_ff yes"><span>Firefox for Android</span><span>86+</span></span><span class="ie no"><span>IE</span><span>None</span></span><span class="ie_mob no"><span>IE Mobile</span><span>None</span></span><span class="kaios yes"><span>KaiOS Browser</span><span>2.5+</span></span><span class="opera yes"><span>Opera</span><span>24+</span></span><span class="op_mini no"><span>Opera Mini</span><span>None</span></span><span class="op_mob yes"><span>Opera Mobile</span><span>62+</span></span><span class="and_qq yes"><span>QQ Browser</span><span>10.4+</span></span><span class="safari yes"><span>Safari</span><span>9.1+</span></span><span class="ios_saf yes"><span>Safari on iOS</span><span>9.3+</span></span><span class="samsung yes"><span>Samsung Internet</span><span>4+</span></span><span class="and_uc yes"><span>UC Browser for Android</span><span>12.12+</span></span></p>
<p class="caniuse">Source: <a href="https://caniuse.com/#feat=css-all">caniuse.com</a> as of 2021-04-04</p>
</aside>
<aside class="caniuse-status" data-deco data-dfn-id="valdef-all-initial">
<input class="caniuse-panel-btn" type="button" value="⋰">
<aside class="caniuse-status wrapped" data-deco data-dfn-id="valdef-all-initial">
<input class="caniuse-panel-btn" type="button" value="CanIUse">
<p class="support"><b>Support:</b><span class="android yes"><span>Android Browser</span><span>2.3+</span></span><span class="baidu yes"><span>Baidu Browser</span><span>7.12+</span></span><span class="bb yes"><span>Blackberry Browser</span><span>7+</span></span><span class="chrome yes"><span>Chrome</span><span>4+</span></span><span class="and_chr yes"><span>Chrome for Android</span><span>89+</span></span><span class="edge yes"><span>Edge</span><span>12+</span></span><span class="firefox yes"><span>Firefox</span><span>19+</span></span><span class="and_ff yes"><span>Firefox for Android</span><span>86+</span></span><span class="ie no"><span>IE</span><span>None</span></span><span class="ie_mob no"><span>IE Mobile</span><span>None</span></span><span class="kaios yes"><span>KaiOS Browser</span><span>2.5+</span></span><span class="opera yes"><span>Opera</span><span>15+</span></span><span class="op_mini no"><span>Opera Mini</span><span>None</span></span><span class="op_mob yes"><span>Opera Mobile</span><span>62+</span></span><span class="and_qq yes"><span>QQ Browser</span><span>10.4+</span></span><span class="safari yes"><span>Safari</span><span>3.2+</span></span><span class="ios_saf yes"><span>Safari on iOS</span><span>4.0+</span></span><span class="samsung yes"><span>Samsung Internet</span><span>4+</span></span><span class="and_uc yes"><span>UC Browser for Android</span><span>12.12+</span></span></p>
<p class="caniuse">Source: <a href="https://caniuse.com/#feat=css-initial-value">caniuse.com</a> as of 2021-04-04</p>
</aside>
<aside class="caniuse-status" data-deco data-dfn-id="valdef-all-unset">
<input class="caniuse-panel-btn" type="button" value="⋰">
<aside class="caniuse-status wrapped" data-deco data-dfn-id="valdef-all-unset">
<input class="caniuse-panel-btn" type="button" value="CanIUse">
<p class="support"><b>Support:</b><span class="android yes"><span>Android Browser</span><span>89+</span></span><span class="baidu yes"><span>Baidu Browser</span><span>7.12+</span></span><span class="bb no"><span>Blackberry Browser</span><span>None</span></span><span class="chrome yes"><span>Chrome</span><span>41+</span></span><span class="and_chr yes"><span>Chrome for Android</span><span>89+</span></span><span class="edge yes"><span>Edge</span><span>13+</span></span><span class="firefox yes"><span>Firefox</span><span>27+</span></span><span class="and_ff yes"><span>Firefox for Android</span><span>86+</span></span><span class="ie no"><span>IE</span><span>None</span></span><span class="ie_mob no"><span>IE Mobile</span><span>None</span></span><span class="kaios yes"><span>KaiOS Browser</span><span>2.5+</span></span><span class="opera yes"><span>Opera</span><span>28+</span></span><span class="op_mini no"><span>Opera Mini</span><span>None</span></span><span class="op_mob no"><span>Opera Mobile</span><span>None</span></span><span class="and_qq yes"><span>QQ Browser</span><span>10.4+</span></span><span class="safari yes"><span>Safari</span><span>9.1+</span></span><span class="ios_saf yes"><span>Safari on iOS</span><span>9.3+</span></span><span class="samsung yes"><span>Samsung Internet</span><span>4+</span></span><span class="and_uc yes"><span>UC Browser for Android</span><span>12.12+</span></span></p>
<p class="caniuse">Source: <a href="https://caniuse.com/#feat=css-unset-value">caniuse.com</a> as of 2021-04-04</p>
</aside>
Expand Down
Loading

0 comments on commit be0e7d0

Please sign in to comment.