minio/docs
1
0
Fork 0
mirror of https://github.com/minio/docs.git synced 2025-07-31 18:04:52 +03:00
Code Activity

Fix non .docutils table styles (#1343)

Browse Source 
As @pavelanni pointed out, some tables, like the ones shown below, had
broken styling that didn't align with the [design
specs](https://min.io/docs/minio/kubernetes/upstream/design.html#list-table).
This PR resolves the issue by applying the correct styles to ensure
consistency with the overall design guidelines.

**Issue:** 


https://min.io/docs/minio/kubernetes/upstream/reference/operator-crd.html#customcertificateconfig

<img width="783" alt="Screenshot 2024-10-08 at 14 26 17"
src="https://github.com/user-attachments/assets/cdb8ff3e-2ace-4bf4-9b43-6dceccb0d2ae">


**Fix:**
<img width="783" alt="Screenshot 2024-10-08 at 15 19 20"
src="https://github.com/user-attachments/assets/6306cdd7-7d19-4452-a109-03328b43128d">
This commit is contained in:
Rushan
2024-10-08 19:55:12 +04:00
committed by GitHub
parent 8ad71d4a5b
commit 9c80a0e89f
3 changed files with 21 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
source/_static/scss/includes/_misc.scss
View File

@ -371,16 +371,6 @@ figcaption {
} }
} }
// ---------------------------------------
// Fixing table issues from asciidoc -> md
// ---------------------------------------
table thead tr.header {
background-color: lightgray;
box-shadow: none;
}
// -------------------------------------- // --------------------------------------
// Improving readability of ordered lists // Improving readability of ordered lists
// -------------------------------------- // --------------------------------------

26
source/_static/scss/includes/_reset.scss
View File

@ -221,24 +221,36 @@ table {
// ---------------------- // ----------------------
// Table // Table
// ---------------------- // ----------------------
table,
table.docutils { table.docutils {
all: revert;
box-shadow: none; box-shadow: none;
margin: 1rem 0 2rem; margin: 1rem 0 2rem;
width: 100%; width: 100%;
border-collapse: collapse;
& > thead {
tr.header {
background: transparent;
box-shadow: none;
}
}
td, td,
th { th {
border-color: var(--table-border-color); border: 1px solid var(--table-border-color);
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
line-height: 1.5; line-height: 1.5;
vertical-align: top; vertical-align: top;
text-align: left; text-align: left;
background: transparent;
} }
th { th {
font-weight: $font-weight-medium; font-weight: $font-weight-medium;
color: var(--headings-color); color: var(--headings-color);
font-size: $font-size-sm; font-size: $font-size-sm;
background-color: var(--table-th-bg);
} }
caption { caption {
@ -266,24 +278,26 @@ table.docutils {
tr { tr {
&:first-child { &:first-child {
th { th,
border-top-color: transparent; th.stub ~ td {
border-top-width: 0;
} }
} }
&:last-child { &:last-child {
th,
td { td {
border-bottom-color: transparent; border-bottom-width: 0;
} }
} }
td, th { td, th {
&:first-child { &:first-child {
border-left-color: transparent; border-left-width: 0;
} }
&:last-child { &:last-child {
border-right-color: transparent; border-right-width: 0;
} }
} }
} }

1
source/_static/scss/includes/_theme.scss
View File

@ -60,6 +60,7 @@ $theme-properties: (
// Table // Table
--table-border-color: $light-300 $dark-200, --table-border-color: $light-300 $dark-200,
--table-th-bg: $light-100 darken($dark-200, 5%),
// Code // Code
--code-bg: $light-200 lighten($dark-500, 17.5%), --code-bg: $light-200 lighten($dark-500, 17.5%),