FreshRSS/NetNewsWire
1
0
Fork 0
mirror of https://github.com/Ranchero-Software/NetNewsWire.git synced 2025-02-09 00:28:53 +01:00
Code Issues Packages Projects Releases Wiki Activity

--table-border-color -> --table-cell-border-color; add Mac table styles

Browse Source
This commit is contained in:
Nate Weaver 2020-01-20 21:50:25 -06:00
parent 02297ed94a
commit 3635176d58
2 changed files with 36 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
Mac/MainWindow/Detail/styleSheet.css
View File

@ -39,6 +39,7 @@ a:hover {
--body-code-color: #666; --body-code-color: #666;
--system-message-color: #cbcbcb; --system-message-color: #cbcbcb;
--feedlink-color: rgba(0, 0, 0, 0.6); --feedlink-color: rgba(0, 0, 0, 0.6);
--table-cell-border-color: lightgray;
} }
@media(prefers-color-scheme: dark) { @media(prefers-color-scheme: dark) {
@ -50,7 +51,8 @@ a:hover {
--header-color: #d2d2d2; --header-color: #d2d2d2;
--header-link-color: #4490e2; --header-link-color: #4490e2;
--body-code-color: #b2b2b2; --body-code-color: #b2b2b2;
--system-message-color: #5f5f5f --system-message-color: #5f5f5f;
--table-cell-border-color: dimgray;
} }
} }
@ -129,6 +131,36 @@ code, pre {
font-family: "SF Mono", Menlo, "Courier New", Courier, monospace; font-family: "SF Mono", Menlo, "Courier New", Courier, monospace;
font-size: 14px; font-size: 14px;
} }
/*
Instead of the last-child bits, border-collapse: collapse
could have been used. However, then the inter-cell borders
overlap the table border, which looks bad.
*/
.nnw-overflow table {
margin-bottom: 1px;
border-spacing: 0;
border: 1px solid #777;
}
.nnw-overflow td, .nnw-overflow th {
-webkit-hyphens: none;
word-break: normal;
border: 1px solid var(--table-cell-border-color);
border-top: none;
border-left: none;
padding: 5px;
}
.nnw-overflow tr td:last-child, .nnw-overflow tr th:last-child {
border-right: none;
}
.nnw-overflow tr:last-child td, .nnw-overflow tr:last-child th {
border-bottom: none;
}
.nnw-overflow td pre {
border: none;
padding: 0;
}
img, figure, iframe, div { img, figure, iframe, div {
max-width: 100%; max-width: 100%;
height: auto !important; height: auto !important;

6
iOS/Resources/styleSheet.css
View File

@ -45,7 +45,7 @@ a:hover {
--system-message-color: #cbcbcb; --system-message-color: #cbcbcb;
--feedlink-color: rgba(0, 0, 0, 0.6); --feedlink-color: rgba(0, 0, 0, 0.6);
--article-title-color: #333; --article-title-color: #333;
--table-border-color: lightgray; --table-cell-border-color: lightgray;
} }
@media(prefers-color-scheme: dark) { @media(prefers-color-scheme: dark) {
@ -57,7 +57,7 @@ a:hover {
--body-code-color: #b2b2b2; --body-code-color: #b2b2b2;
--system-message-color: #5f5f5f; --system-message-color: #5f5f5f;
--article-title-color: #e0e0e0; --article-title-color: #e0e0e0;
--table-border-color: dimgray; --table-cell-border-color: dimgray;
} }
} }
@ -162,7 +162,7 @@ code, pre {
.nnw-overflow td, .nnw-overflow th { .nnw-overflow td, .nnw-overflow th {
-webkit-hyphens: none; -webkit-hyphens: none;
word-break: normal; word-break: normal;
border: 1px solid var(--table-border-color); border: 1px solid var(--table-cell-border-color);
border-top: none; border-top: none;
border-left: none; border-left: none;
padding: 5px; padding: 5px;