mirror_html/nullboard
1
0
Fork 0
mirror of https://github.com/apankrat/nullboard.git synced 2025-08-15 01:24:30 +02:00
Code Issues Projects Releases Wiki Activity

adjustLayout on listWidth changes

Browse Source
This commit is contained in:
Alex Pankratov
2021-04-06 19:54:47 +02:00
parent c01bccd9c9
commit 997f108b03
1 changed files with 15 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
nullboard.html
View File

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