Style notebook output tables
This commit is contained in:
parent
ed028cfd96
commit
34f9cb2bcc
1 changed files with 35 additions and 0 deletions
|
@ -268,14 +268,49 @@ export class BackLayerWebView extends Disposable {
|
|||
box-sizing: border-box;
|
||||
background-color: var(--vscode-notebook-outputContainerBackgroundColor);
|
||||
}
|
||||
|
||||
#container > div.nb-symbolHighlight > div {
|
||||
background-color: var(--vscode-notebook-symbolHighlightBackground);
|
||||
}
|
||||
|
||||
body {
|
||||
padding: 0px;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
table, thead, tr, th, td, tbody {
|
||||
border: none !important;
|
||||
border-color: transparent;
|
||||
border-spacing: 0;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
table, th, tr {
|
||||
text-align: left !important;
|
||||
}
|
||||
|
||||
thead {
|
||||
font-weight: bold;
|
||||
background-color: rgba(130, 130, 130, 0.16);
|
||||
}
|
||||
|
||||
th, td {
|
||||
padding: 4px 8px;
|
||||
}
|
||||
|
||||
tr:nth-child(even) {
|
||||
background-color: rgba(130, 130, 130, 0.08);
|
||||
}
|
||||
|
||||
tbody th {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body style="overflow: hidden;">
|
||||
|
|
Loading…
Reference in a new issue