Improve stylization with collapsible directories; Fix name padding

This commit is contained in:
gingerBill
2022-01-17 23:48:46 +00:00
parent fb01dfe048
commit 6b830f42b6
2 changed files with 121 additions and 17 deletions
+56 -7
View File
@@ -1,22 +1,54 @@
* {
html {
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
}
.container {
max-width: 60em;
margin: 0 auto;
padding-left: 0.01em 1em;
}
.directory-pkg {
width: 20em;
table.documentation-directory {
/*border: 1px solid #ccc!important;*/
table-layout: fixed;
border-collapse: collapse;
}
.directory-child .pkg-name {
.documentation-directory tr {
padding-left: 1em!important;
border-top: 1px solid #ccc!important;
border-bottom: 1px solid #ccc!important;
}
.documentation-directory td {
padding: 0.25em 0.5em;
}
.directory-child td {
padding-left: 2em!important;
}
.directory-child td+td {
position: relative;
left: 2em;
width: 18em;
left: -1.5em!important;
padding-right: 0;
}
.pkg-line-doc {
color: #444;
}
.documentation-directory tr[aria-controls]:hover {
background-color: #eee;
}
.documentation-directory tr[aria-expanded=true] td.pkg-name:before {
content: "\2193";
}
.documentation-directory tr[aria-expanded=false] td.pkg-name:before {
content: "\2192"!important;
}
.documentation-directory tr[aria-hidden=true] {
display: none;
}
pre {
@@ -84,4 +116,21 @@ ul.documentation-breadcrumb li+li:before {
border: 1px solid #c6c8ca;
border-radius: 0.25rem;
padding: 0.125rem;
}
.documentation-directory {
width: 100%;
}
.documentation-directory tr {
/*background-color: #999;*/
}
.documentation-directory tr[aria-controls] {
cursor: pointer;
}
.documentation-directory tr.hidden {
display: none;
}