diff --git a/nullboard.html b/nullboard.html
index 81e2899..2de1d64 100644
--- a/nullboard.html
+++ b/nullboard.html
@@ -256,7 +256,7 @@
/***/
.board {
- min-width: 250px;
+ min-width: calc( var(--lw) * 1px );
width: -moz-max-content; /* firefox */
width: -webkit-max-content; /* chrome */
@@ -742,7 +742,7 @@
background: #f8f9fb;
}
- body.crowded .config:hover {
+ .crowded .config:hover {
background: #fff;
box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}
@@ -873,6 +873,10 @@
border-bottom: 1px solid #00000028;
}
+ .crowded .config .bulk .section.open {
+ border-bottom: none;
+ }
+
.config .bulk .section.open .title {
width: 100%;
font-weight: 500;
@@ -1205,7 +1209,7 @@
/***/
.theme-dark .config,
.theme-dark.crowded .config:hover {
- background-color: #15171A;
+ background: #15171A !important;
}
.theme-dark .config a {
@@ -3058,8 +3062,10 @@
if (! $board.length)
return;
+ var list_w = getListWidth();
+
var lists = $board.find('.list').length;
- var lists_w = (lists < 2) ? 250 : 260 * lists - 10;
+ var lists_w = (lists < 2) ? list_w : (list_w + 10) * lists - 10;
var body_w = $body.width();
if (lists_w + 190 <= body_w)
@@ -3069,8 +3075,8 @@
}
else
{
- var max = Math.floor( (body_w - 40) / 260 );
- max = (max < 2) ? 250 : 260 * max - 10;
+ var max = Math.floor( (body_w - 40) / (list_w + 10) );
+ max = (max < 2) ? list_w : (list_w + 10) * max - 10;
$board.css('max-width', max + 'px');
$body.addClass('crowded');
}
@@ -3287,6 +3293,7 @@
updateFontSize();
updateLineHeight();
updateListWidth();
+ adjustLayout();
}
//
@@ -3361,6 +3368,7 @@ console.log('getListWidth -> ', lw)
if (200 <= lw && lw <= 400)
{
$('html').css('--lw', lw + '').addClass('lw-set');
+ adjustLayout();
updateListWidth();
}
return getListWidth();
@@ -3382,6 +3390,7 @@ console.log('getListWidth -> ', lw)
function resetListWidth()
{
$('html').css('--lw', '').removeClass('lw-set');
+ adjustLayout();
return updateListWidth();
}