prehistoric-systems/omnivore
1
0
Fork 0
mirror of https://github.com/omnivore-app/omnivore.git synced 2026-03-11 08:54:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request #2035 from omnivore-app/fix/improve-table-css

Browse source 
Improve the CSS for tables
This commit is contained in:
Jackson Harper 2023-04-13 12:27:25 +08:00 committed by GitHub
commit 4d3518ebb3
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 20 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
packages/web/components/patterns/ArticleSubtitle.tsx
View file

@ -18,10 +18,7 @@ export function ArticleSubtitle(props: ArticleSubtitleProps): JSX.Element {
return (
<Box>
<StyledText style={textStyle} css={{ wordBreak: 'break-word' }}>
{subtitle}{' '}
{subtitle && (
<span style={{ position: 'relative', bottom: 1 }}>• </span>
)}{' '}
{subtitle} {subtitle && <span style={{ bottom: 1 }}>• </span>}{' '}
{!props.hideButton && !shouldHideUrl(props.href) && (
<>
<StyledLink

31
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;
@ -252,7 +260,6 @@ on smaller screens we display the note icon
.article-inner-css sup,
.article-inner-css sub {
position: relative;
a {
color: inherit;
pointer-events: none;