diff --git a/nullboard.html b/nullboard.html
index 31cb462..a9948c9 100644
--- a/nullboard.html
+++ b/nullboard.html
@@ -198,12 +198,6 @@
--lw: calc(22 * var(--fs) + 40); /* .list width */
}
- /***/
- html.fsize-z1 {
- --fs: 13;
- --lh: 17;
- }
-
/***/
html, body, h1, textarea, input {
padding: 0;
@@ -932,15 +926,6 @@
transition: padding 250ms;
}
- /***/
- .fsize-z1 .config a.switch-fsize i {
- display: inline;
- }
-
- .fsize-z1 .config a.switch-fsize b {
- display: none;
- }
-
/***/
.config a.switch-font.active:before {
content: '\2022 ';
@@ -1410,9 +1395,11 @@
{
this.format = NB.confVersion;
this.max_undo = 50; // board revisions to keep
- this.theme = null; // default or 'dark'
- this.fsize = null; // default or 'z1'
this.fname = null; // font name
+ this.fs = null; // font-size
+ this.lh = null; // line-height
+ this.theme = null; // default or 'dark'
+ this.fsize = null; // default or 'z1' -- deprecated
this.board = null; // active board
}
@@ -1466,15 +1453,15 @@
return this.setJson('config', this.conf);
}
- setFsize(fsize)
+ setFontName(fname)
{
- this.conf.fsize = fsize;
+ this.conf.fname = fname;
return this.setJson('config', this.conf);
}
- setFname(fname)
+ setFontSize(fs)
{
- this.conf.fname = fname;
+ this.conf.fs = fs;
return this.setJson('config', this.conf);
}
@@ -1724,9 +1711,14 @@
else
{
this.conf.theme = this.getItem('theme');
- this.conf.fsize = this.getItem('fsize');
this.conf.board = this.getItem('last_board');
+ if (this.getItem('fsize') == 'z1')
+ {
+ this.conf.fs = 13;
+ this.conf.lh = 17;
+ }
+
if (! this.setJson('config', this.conf))
{
this.conf = null;
@@ -3212,12 +3204,18 @@
if (conf.fname && ! NB.fonts.hasOwnProperty(conf.fname))
{
- NB.storage.setFname(null);
+ NB.storage.setFontName(null);
selectFont(null);
}
selectFont(conf.fname || 'barlow');
+ if (conf.fs)
+ setFontSize(conf.fs);
+
+ if (conf.lh)
+ setLineHeight(conf.lh);
+
updateFontSize();
updateLineHeight();
}
@@ -3238,9 +3236,6 @@
fv.fs = fv.fs || fv_defs.fs;
fv.lh = fv.lh || fv_defs.lh;
- fv.fs_cust = null;
- fv.lh_cust = null;
-
NB.fonts[f_name] = fv;
}
@@ -3281,9 +3276,6 @@
var f = NB.fonts[NB.font];
- $('html').css('--fs', (f.fs_cust || '') + '' );
- $('html').css('--lh', (f.lh_cust || '') + '' );
-
updateFontSize();
updateLineHeight();
}
@@ -3319,6 +3311,8 @@
$val.html( val.toFixed(1) );
if (val == def) $val.parent().removeClass('custom');
else $val.parent().addClass('custom');
+
+ return val;
}
function updateLineHeight()
@@ -3330,51 +3324,46 @@
$val.html( val.toFixed(1) );
if (val == def) $val.parent().removeClass('custom');
else $val.parent().addClass('custom');
+
+ return val;
}
//
function setFontSize(fs)
{
- if (fs < 9 || fs > 24)
- return;
+ if (9 <= fs && fs <= 24)
+ {
+ $('html').css('--fs', fs + '');
+ updateFontSize();
- $('html').css('--fs', fs + '');
- NB.fonts[NB.font].fs_cust = fs;
-
- updateFontSize();
-
- if (getLineHeight() < fs)
- setLineHeight(fs);
+ if (getLineHeight() < fs)
+ setLineHeight(fs);
+ }
+ return getFontSize();
}
function setLineHeight(lh)
{
var fs = getFontSize();
-
- if (lh < fs || lh >= 3*fs)
- return;
-
- $('html').css('--lh', lh + '');
- NB.fonts[NB.font].lh_cust = lh;
-
- updateLineHeight();
+ if (fs <= lh && lh <= 3*fs)
+ {
+ $('html').css('--lh', lh + '');
+ updateLineHeight();
+ }
+ return getLineHeight();
}
//
function resetFontSize()
{
$('html').css('--fs', '');
- NB.fonts[NB.font].fs_cust = null;
- updateFontSize();
- return getFontSize();
+ return updateFontSize();
}
function resetLineHeight()
{
$('html').css('--lh', '');
- NB.fonts[NB.font].lh_cust = null;
- updateLineHeight();
- return getLineHeight();
+ return updateLineHeight();
}
/*
@@ -3678,23 +3667,17 @@
return false;
});
- $('.config').on('click', '.switch-fsize', function(){
- var $html = $('html');
- $html.toggleClass('fsize-z1');
- NB.storage.setFsize($html.hasClass('fsize-z1') ? 'z1' : '');
- return false;
- });
-
$('.config').on('click', '.switch-font', function(){
var font = $(this).attr('font');
selectFont(font);
- NB.storage.setFname(font);
+ NB.storage.setFontName(font);
return false;
});
//
$('.config .f-prefs .ui-fs .less').on('click', function(){
- setFontSize( getFontSize() - 0.5 );
+ var fs = setFontSize( getFontSize() - 0.5 );
+ NB.storage.setFontSize(fs);
return false;
});
@@ -3702,16 +3685,20 @@
var fs = resetFontSize();
if (getLineHeight() < fs)
setLineHeight(fs);
+ NB.storage.setFontSize(null);
return false;
});
$('.config .f-prefs .ui-fs .more').on('click', function(){
- setFontSize( getFontSize() + 0.5 );
+ var fs = setFontSize( getFontSize() + 0.5 );
+ NB.storage.setFontSize(fs);
return false;
});
+ //
$('.config .f-prefs .ui-lh .less').on('click', function(){
- setLineHeight( getLineHeight() - 0.5 );
+ var lh = setLineHeight( getLineHeight() - 0.5 );
+ NB.storage.setLineHeight(lh);
return false;
});
@@ -3719,11 +3706,13 @@
var lh = resetLineHeight();
if (lh < getFontSize())
setFontSize(lh);
+ NB.storage.setLineHeight(null);
return false;
});
$('.config .f-prefs .ui-lh .more').on('click', function(){
- setLineHeight( getLineHeight() + 0.5 );
+ var lh = setLineHeight( getLineHeight() + 0.5 );
+ NB.storage.setLineHeight(lh);
return false;
});
@@ -3787,8 +3776,7 @@
console.log( `Active: [${conf.board}]` );
console.log( `Theme: [${conf.theme}]` );
- console.log( `FSize: [${conf.fsize}]` );
- console.log( `FName: [${conf.fname}]` );
+ console.log( `Font: [${conf.fname}], size [${conf.fs || '-'}], line-height [${conf.lh || '-'}]` );
//
initFonts();
@@ -3799,9 +3787,6 @@
if (conf.theme)
$('html').addClass('theme-' + conf.theme);
- if (conf.fsize)
- $('html').addClass('fsize-' + conf.fsize);
-
if (conf.board)
openBoard(conf.board)