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

Commit24e6639

Browse files
committed
Fix <cxx-table> CSS to work with real shadow-dom.
I need a bunch of ::content selectors to style the light-dom table cells.
1 parent7d92508 commit24e6639

File tree

1 file changed

+20
-9
lines changed

1 file changed

+20
-9
lines changed

‎table.html‎

Lines changed: 20 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -25,17 +25,28 @@
2525
border-collapse: collapse;
2626
border: thin solid black; }
2727
caption { white-space: nowrap; }
28-
/* @polyfillcaption caption */
28+
polyfill-next-selector { content:'caption caption' }
2929
::contentcaption {display: inline; }
3030

31-
th,td {border-style: solid none;border-color: black;
32-
border-width: thin;
33-
padding:00.25em; }
34-
:host(.column-rules)th,:host(.column-rules)td {
35-
border-left-style: solid;border-right-style: solid; }
36-
th {border-bottom: double medium; }
37-
:host(.center)td {text-align: center; }
38-
:host(.list)td {border: none; }
31+
polyfill-next-selector {content:'th, td' }
32+
::contentth, ::contenttd {
33+
border-style: solid none;border-color: black;
34+
border-width: thin;
35+
padding:00.25em; }
36+
37+
polyfill-next-selector {content:':host(.column-rules) th, :host(.column-rules) td' }
38+
:host(.column-rules) ::contentth,
39+
:host(.column-rules) ::contenttd {
40+
border-left-style: solid;border-right-style: solid;}
41+
42+
polyfill-next-selector {content:'th' }
43+
::contentth {border-bottom: double medium; }
44+
45+
polyfill-next-selector {content:':host(.center) td' }
46+
:host(.center) ::contenttd {text-align: center; }
47+
48+
polyfill-next-selector {content:':host(.list) td' }
49+
:host(.list) ::contenttd {border: none; }
3950
</style>
4051

4152
<caption>Table {{table_num}} —<wbr><contentselect="caption"></content></caption>

0 commit comments

Comments
 (0)

[8]ページ先頭

©2009-2025 Movatter.jp