technofab/kubenix
1
0
Fork 0
mirror of https://github.com/TECHNOFAB11/kubenix.git synced 2025-12-12 08:00:06 +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;
margin: 1rem;
padding: 0 !important;
width: 100%;
> summary {
padding: 0rem !important;
margin: 0 !important;
overflow-x: scroll;
// do not show arrow bullet point
list-style: none;
@ -34,8 +36,6 @@ details {
// replace builtin arrows with custom ones
pre {
display: inline-block;
width: 100%;
margin: 0 !important;
padding-left: 42px !important;
vertical-align: middle;
@ -49,10 +49,18 @@ details {
@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 {
// fill entire width
width: 100% !important;
display: table;
margin: 0 !important;
tr {

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

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