fix: таблицы — :has() разделяет 5/6 колонок, суммы 100%
This commit is contained in:
@@ -99,46 +99,90 @@
|
|||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ---- MAIN TABLE ---- */
|
/* Code column: bold for all resource tables */
|
||||||
.md-typeset .resource-table:not(.resource-table-nested) th:nth-child(2),
|
.md-typeset .resource-table td:nth-child(2) code {
|
||||||
.md-typeset .resource-table:not(.resource-table-nested) td:nth-child(2) {
|
|
||||||
width: 25%;
|
|
||||||
min-width: 16ch;
|
|
||||||
white-space: normal;
|
|
||||||
overflow-wrap: anywhere;
|
|
||||||
}
|
|
||||||
|
|
||||||
.md-typeset .resource-table:not(.resource-table-nested) td:nth-child(2) code {
|
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
font-size: 0.82rem;
|
font-size: 0.82rem;
|
||||||
}
|
}
|
||||||
|
.md-typeset .resource-table:not(.resource-table-nested) {
|
||||||
|
table-layout: fixed;
|
||||||
|
}
|
||||||
|
|
||||||
.md-typeset .resource-table:not(.resource-table-nested) th:nth-child(3),
|
/* 5-col (no Default): Code(22%) Type(6%) Descr(45%) Constr(27%) = 100% */
|
||||||
.md-typeset .resource-table:not(.resource-table-nested) td:nth-child(3) {
|
.md-typeset .resource-table:not(.resource-table-nested):not(:has(th:nth-child(6))) th:nth-child(2),
|
||||||
width: 5%;
|
.md-typeset .resource-table:not(.resource-table-nested):not(:has(th:nth-child(6))) td:nth-child(2) {
|
||||||
|
width: 22%;
|
||||||
|
white-space: normal;
|
||||||
|
overflow-wrap: anywhere;
|
||||||
|
}
|
||||||
|
.md-typeset .resource-table:not(.resource-table-nested):not(:has(th:nth-child(6))) th:nth-child(3),
|
||||||
|
.md-typeset .resource-table:not(.resource-table-nested):not(:has(th:nth-child(6))) td:nth-child(3) {
|
||||||
|
width: 6%;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
font-size: 0.63rem;
|
font-size: 0.63rem;
|
||||||
}
|
}
|
||||||
|
.md-typeset .resource-table:not(.resource-table-nested):not(:has(th:nth-child(6))) th:nth-child(4),
|
||||||
.md-typeset .resource-table:not(.resource-table-nested) th:nth-last-child(2),
|
.md-typeset .resource-table:not(.resource-table-nested):not(:has(th:nth-child(6))) td:nth-child(4) {
|
||||||
.md-typeset .resource-table:not(.resource-table-nested) td:nth-last-child(2) {
|
width: 45%;
|
||||||
white-space: normal;
|
white-space: normal;
|
||||||
overflow-wrap: anywhere;
|
overflow-wrap: anywhere;
|
||||||
font-size: 0.63rem;
|
font-size: 0.63rem;
|
||||||
color: #777;
|
color: #777;
|
||||||
}
|
}
|
||||||
.md-typeset .resource-table:not(.resource-table-nested) td:nth-last-child(2) {
|
.md-typeset .resource-table:not(.resource-table-nested):not(:has(th:nth-child(6))) td:nth-child(4) {
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
-webkit-line-clamp: 2;
|
-webkit-line-clamp: 2;
|
||||||
-webkit-box-orient: vertical;
|
-webkit-box-orient: vertical;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
.md-typeset .resource-table:not(.resource-table-nested):not(:has(th:nth-child(6))) th:nth-child(5),
|
||||||
|
.md-typeset .resource-table:not(.resource-table-nested):not(:has(th:nth-child(6))) td:nth-child(5) {
|
||||||
|
width: 27%;
|
||||||
|
white-space: normal;
|
||||||
|
overflow-wrap: anywhere;
|
||||||
|
font-family: ui-monospace, "Cascadia Code", "Fira Code", monospace;
|
||||||
|
font-size: 0.62rem;
|
||||||
|
}
|
||||||
|
|
||||||
.md-typeset .resource-table:not(.resource-table-nested) th:nth-last-child(1),
|
/* 6-col (with Default): Code(20%) Type(5%) Default(12%) Descr(38%) Constr(25%) = 100% */
|
||||||
.md-typeset .resource-table:not(.resource-table-nested) td:nth-last-child(1) {
|
.md-typeset .resource-table:not(.resource-table-nested):has(th:nth-child(6)) th:nth-child(2),
|
||||||
|
.md-typeset .resource-table:not(.resource-table-nested):has(th:nth-child(6)) td:nth-child(2) {
|
||||||
width: 20%;
|
width: 20%;
|
||||||
white-space: normal;
|
white-space: normal;
|
||||||
overflow-wrap: anywhere;
|
overflow-wrap: anywhere;
|
||||||
|
}
|
||||||
|
.md-typeset .resource-table:not(.resource-table-nested):has(th:nth-child(6)) th:nth-child(3),
|
||||||
|
.md-typeset .resource-table:not(.resource-table-nested):has(th:nth-child(6)) td:nth-child(3) {
|
||||||
|
width: 5%;
|
||||||
|
white-space: nowrap;
|
||||||
|
font-size: 0.63rem;
|
||||||
|
}
|
||||||
|
.md-typeset .resource-table:not(.resource-table-nested):has(th:nth-child(6)) th:nth-child(4),
|
||||||
|
.md-typeset .resource-table:not(.resource-table-nested):has(th:nth-child(6)) td:nth-child(4) {
|
||||||
|
width: 12%;
|
||||||
|
white-space: normal;
|
||||||
|
color: #2c6f8c;
|
||||||
|
font-size: 0.72rem;
|
||||||
|
}
|
||||||
|
.md-typeset .resource-table:not(.resource-table-nested):has(th:nth-child(6)) th:nth-child(5),
|
||||||
|
.md-typeset .resource-table:not(.resource-table-nested):has(th:nth-child(6)) td:nth-child(5) {
|
||||||
|
width: 38%;
|
||||||
|
white-space: normal;
|
||||||
|
overflow-wrap: anywhere;
|
||||||
|
font-size: 0.63rem;
|
||||||
|
color: #777;
|
||||||
|
}
|
||||||
|
.md-typeset .resource-table:not(.resource-table-nested):has(th:nth-child(6)) td:nth-child(5) {
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-line-clamp: 2;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.md-typeset .resource-table:not(.resource-table-nested):has(th:nth-child(6)) th:nth-child(6),
|
||||||
|
.md-typeset .resource-table:not(.resource-table-nested):has(th:nth-child(6)) td:nth-child(6) {
|
||||||
|
width: 25%;
|
||||||
|
white-space: normal;
|
||||||
|
overflow-wrap: anywhere;
|
||||||
font-family: ui-monospace, "Cascadia Code", "Fira Code", monospace;
|
font-family: ui-monospace, "Cascadia Code", "Fira Code", monospace;
|
||||||
font-size: 0.62rem;
|
font-size: 0.62rem;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user