improve table style
parent
9a46f2264d
commit
179efd27b1
|
@ -37,9 +37,12 @@ main > .container {
|
||||||
|
|
||||||
.content {
|
.content {
|
||||||
table.table {
|
table.table {
|
||||||
width: auto;
|
&.is-align-middle td {
|
||||||
|
vertical-align: middle;
|
||||||
white-space: nowrap;
|
}
|
||||||
|
&.is-no-wrap {
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
figure {
|
figure {
|
||||||
|
|
|
@ -20,7 +20,15 @@ function onTableStyle() {
|
||||||
const template = document.createElement('section')
|
const template = document.createElement('section')
|
||||||
template.classList.add('table-container')
|
template.classList.add('table-container')
|
||||||
for (const element of content.querySelectorAll('table')) {
|
for (const element of content.querySelectorAll('table')) {
|
||||||
element.classList.add('table', 'is-narrow', 'is-hoverable')
|
element.classList.add(
|
||||||
|
'table',
|
||||||
|
'is-bordered',
|
||||||
|
'is-narrow',
|
||||||
|
'is-hoverable',
|
||||||
|
'is-fullwidth',
|
||||||
|
'is-no-wrap',
|
||||||
|
'is-align-middle'
|
||||||
|
)
|
||||||
const container = template.cloneNode()
|
const container = template.cloneNode()
|
||||||
container.appendChild(element.cloneNode(true))
|
container.appendChild(element.cloneNode(true))
|
||||||
element.replaceWith(container)
|
element.replaceWith(container)
|
||||||
|
|
Loading…
Reference in New Issue