technofab/kubenix
1
0
Fork 0
mirror of https://github.com/TECHNOFAB11/kubenix.git synced 2025-12-13 00:20:07 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

docs: fix module details table overflow

Browse source
This commit is contained in:
Bryton Hall 2023-05-25 02:47:16 -04:00
parent dc1c99460f
commit 32f3ed1aa2
2 changed files with 38 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

16
docs/assets/_custom.scss
View file

@ -21,10 +21,12 @@ details {
padding: 0rem 1rem !important; padding: 0rem 1rem !important;
margin: 1rem; margin: 1rem;
padding: 0 !important; padding: 0 !important;
width: 100%;
> summary { > summary {
padding: 0rem !important; padding: 0rem !important;
margin: 0 !important; margin: 0 !important;
overflow-x: scroll;
// do not show arrow bullet point // do not show arrow bullet point
list-style: none; list-style: none;
@ -34,8 +36,6 @@ details {
// replace builtin arrows with custom ones // replace builtin arrows with custom ones
pre { pre {
display: inline-block;
width: 100%;
margin: 0 !important; margin: 0 !important;
padding-left: 42px !important; padding-left: 42px !important;
vertical-align: middle; vertical-align: middle;
@ -49,10 +49,18 @@ details {
@include arrow(45deg); @include arrow(45deg);
} }
.table-container {
overflow-x: scroll !important;
}
table {
display: inline-table !important;
// TODO: no idea where this extra pixel comes from
width: calc(100% - 1px);
}
table, tbody { table, tbody {
// fill entire width // fill entire width
width: 100% !important;
display: table;
margin: 0 !important; margin: 0 !important;
tr { tr {

50
docs/layouts/partials/details.html
View file

@ -9,32 +9,34 @@
<pre>{{ $name }}</pre> <pre>{{ $name }}</pre>
</summary> </summary>
<table> <div class="table-container">
<tr> <table>
<td>Description</td> <tr>
<td>{{ $option.description }}</td> <td>Description</td>
</tr> <td>{{ $option.description }}</td>
</tr>
<tr> <tr>
<td>Type</td> <td>Type</td>
<td><pre>{{ $option.type }}</pre></td> <td><pre>{{ $option.type }}</pre></td>
</tr> </tr>
<tr> <tr>
<td>Default</td> <td>Default</td>
<td>{{ partial "highlight" $option.default }}</td> <td>{{ partial "highlight" $option.default }}</td>
</tr> </tr>
{{ with $option.example }} {{ with $option.example }}
<tr> <tr>
<td>Example</td> <td>Example</td>
<td>{{ partial "highlight" . }}</td> <td>{{ partial "highlight" . }}</td>
</tr> </tr>
{{ end }} {{ end }}
<tr> <tr>
<td>Declared in</td> <td>Declared in</td>
<td><a href="{{ $repo }}/blob/main/{{ $path }}" target="_blank">{{ $path }}</a></td> <td><a href="{{ $repo }}/blob/main/{{ $path }}" target="_blank">{{ $path }}</a></td>
</tr> </tr>
</table> </table>
</div>
</details> </details>