mirror of
https://github.com/github/awesome-copilot.git
synced 2026-03-12 04:05:12 +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);
|
||||
}
|
||||
|
||||
.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-section h2 {
|
||||
font-size: 24px;
|
||||
|
||||
Reference in New Issue
Block a user