fix(style): long table overflow

This commit is contained in:
ppoffice 2019-06-25 23:00:04 -04:00
parent 604485fd6f
commit 74a45e62b1
2 changed files with 31 additions and 17 deletions

View File

@ -417,21 +417,29 @@ figure.highlight
display: block display: block
/* --------------------------------- /* ---------------------------------
* Fix Video * Overflow Table
* --------------------------------- */ * --------------------------------- */
.video-container { .table-overflow
position: relative; overflow-x: auto
padding-bottom: 56.25%; table
padding-top: 25px; width: auto!important
height: 0; th
} word-break: keep-all
.video-container iframe {
position: absolute; /* ---------------------------------
top: 0; * Fix Video
left: 0; * --------------------------------- */
width: 100%; .video-container
height: 100%; position: relative
} padding-bottom: 56.25%
padding-top: 25px
height: 0
iframe
position: absolute
top: 0
left: 0
width: 100%
height: 100%
/* --------------------------------- /* ---------------------------------
* Fix Gist Snippet * Fix Gist Snippet

View File

@ -1,4 +1,4 @@
(function($){ (function ($) {
$('.article img:not(".not-gallery-item")').each(function () { $('.article img:not(".not-gallery-item")').each(function () {
// wrap images with link and add caption if possible // wrap images with link and add caption if possible
if ($(this).parent('a').length === 0) { if ($(this).parent('a').length === 0) {
@ -9,12 +9,18 @@
} }
}); });
if (typeof(moment) === 'function') { if (typeof (moment) === 'function') {
$('.article-meta time').each(function () { $('.article-meta time').each(function () {
$(this).text(moment($(this).attr('datetime')).fromNow()); $(this).text(moment($(this).attr('datetime')).fromNow());
}); });
} }
$('.article > .content > table').each(function () {
if ($(this).width() > $(this).parent().width()) {
$(this).wrap('<div class="table-overflow"></div>');
}
});
function adjustNavbar() { function adjustNavbar() {
const navbarWidth = $('.navbar-main .navbar-start').outerWidth() + $('.navbar-main .navbar-end').outerWidth(); const navbarWidth = $('.navbar-main .navbar-start').outerWidth() + $('.navbar-main .navbar-end').outerWidth();
if ($(document).outerWidth() < navbarWidth) { if ($(document).outerWidth() < navbarWidth) {
@ -28,7 +34,7 @@
var $toc = $('#toc'); var $toc = $('#toc');
if ($toc.length > 0) { if ($toc.length > 0) {
var $mask = $('<div>'); var $mask = $('<div>');
$mask.attr('id', 'toc-mask'); $mask.attr('id', 'toc-mask');
$('body').append($mask); $('body').append($mask);