Benature/omnivore
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve the CSS for tables

Browse Source
This commit is contained in:
Jackson Harper
2023-04-13 11:33:36 +08:00
parent ce68cfce4f
commit 938a1a6516
1 changed files with 19 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
packages/web/styles/articleInnerStyling.css
View File

@ -186,7 +186,7 @@ on smaller screens we display the note icon
display: block;
word-break: normal;
white-space: nowrap;
border: 1px solid rgb(216, 216, 216);
border-spacing: 0;
border-collapse: collapse;
font-size: 0.8rem;
@ -200,16 +200,6 @@ on smaller screens we display the note icon
caption {
margin: 0.5em 0;
}
th {
border: 1px solid rgb(216, 216, 216);
background-color: var(--table-header-color);
padding: 5px;
}
td {
border: 1px solid rgb(216, 216, 216);
padding: 0.5em;
padding: 5px;
}
p {
margin: 0;
@ -223,6 +213,24 @@ on smaller screens we display the note icon
}
}
.article-inner-css table th {
padding: 5px;
text-align: center;
vertical-align: middle;
border-color: var(--colors-thTextSubtle3);
border-style: solid;
border-width: 1px;
}
.article-inner-css table td {
text-align: center;
vertical-align: middle;
border-color: var(--colors-thTextSubtle3);
border-style: solid;
border-width: 1px;
padding: 10px;
}
.article-inner-css ul,
.article-inner-css ol {
margin-block-start: 1em;