mirror of
https://github.com/github/awesome-copilot.git
synced 2026-03-13 12:45:13 +00:00
style: add subtle borders to tables in Learning Hub articles
Tables in article content were invisible due to no border styles. Add collapsed borders, a tinted header row, and a subtle hover effect scoped to .article-content table elements. Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
This commit is contained in:
@@ -1817,6 +1817,30 @@ a:hover {
|
|||||||
color: var(--color-text-emphasis);
|
color: var(--color-text-emphasis);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.article-content table {
|
||||||
|
width: 100%;
|
||||||
|
border-collapse: collapse;
|
||||||
|
margin: 16px 0;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.article-content th,
|
||||||
|
.article-content td {
|
||||||
|
padding: 10px 14px;
|
||||||
|
text-align: left;
|
||||||
|
border: 1px solid var(--color-border);
|
||||||
|
}
|
||||||
|
|
||||||
|
.article-content th {
|
||||||
|
font-weight: 600;
|
||||||
|
color: var(--color-text-emphasis);
|
||||||
|
background-color: var(--color-glass);
|
||||||
|
}
|
||||||
|
|
||||||
|
.article-content tr:hover {
|
||||||
|
background-color: var(--color-glass);
|
||||||
|
}
|
||||||
|
|
||||||
/* Learning Hub - Index Page */
|
/* Learning Hub - Index Page */
|
||||||
.learning-hub-section h2 {
|
.learning-hub-section h2 {
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
|
|||||||
Reference in New Issue
Block a user