mirror_html/nullboard
1
0
Fork 0
mirror of https://github.com/apankrat/nullboard.git synced 2025-08-09 22:56:49 +02:00
Code Issues Projects Releases Wiki Activity

rework fs/lh overrides

Browse Source
This commit is contained in:
Alex Pankratov
2021-04-06 18:37:26 +02:00
parent 1e022b02d3
commit 9e1bf4930b
1 changed files with 10 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
nullboard.html
View File

@@ -904,7 +904,8 @@
text-align: center; text-align: center;
} }
.config .bulk .ui-prefs .f-prefs tr.custom td.val { .fs-set .config .bulk .ui-prefs .f-prefs tr.ui-fs td.val,
.lh-set .config .bulk .ui-prefs .f-prefs tr.ui-lh td.val {
color: #1489db; color: #1489db;
cursor: pointer; cursor: pointer;
} }
@@ -3280,15 +3281,14 @@
function selectFont(font) function selectFont(font)
{ {
$('html').removeClass('f-' + NB.font).addClass('f-' + font); var $html = $('html');
$html.removeClass('f-' + NB.font).addClass('f-' + font);
NB.font = font; NB.font = font;
var $list = $('.config .switch-font'); var $list = $('.config .switch-font');
$list.removeClass('active'); $list.removeClass('active');
$list.filter('[font="' + font + '"]').addClass('active'); $list.filter('[font="' + font + '"]').addClass('active');
var f = NB.fonts[NB.font];
updateFontSize(); updateFontSize();
updateLineHeight(); updateLineHeight();
} }
@@ -3299,45 +3299,23 @@
return parseFloat( $('html').css('--fs') ); return parseFloat( $('html').css('--fs') );
} }
function getFontSize_def()
{
return NB.fonts[NB.font].fs;
}
function getLineHeight() function getLineHeight()
{ {
return parseFloat( $('html').css('--lh') ); return parseFloat( $('html').css('--lh') );
} }
function getLineHeight_def()
{
return NB.fonts[NB.font].lh;
}
// //
function updateFontSize() function updateFontSize()
{ {
var $val = $('.config .f-prefs .ui-fs .val');
var def = getFontSize_def();
var val = getFontSize(); var val = getFontSize();
$('.config .f-prefs .ui-fs .val').html( val.toFixed(1) );
$val.html( val.toFixed(1) );
if (val == def) $val.parent().removeClass('custom');
else $val.parent().addClass('custom');
return val; return val;
} }
function updateLineHeight() function updateLineHeight()
{ {
var $val = $('.config .f-prefs .ui-lh .val');
var def = getLineHeight_def();
var val = getLineHeight(); var val = getLineHeight();
$('.config .f-prefs .ui-lh .val').html( val.toFixed(1) );
$val.html( val.toFixed(1) );
if (val == def) $val.parent().removeClass('custom');
else $val.parent().addClass('custom');
return val; return val;
} }
@@ -3346,7 +3324,7 @@
{ {
if (9 <= fs && fs <= 24) if (9 <= fs && fs <= 24)
{ {
$('html').css('--fs', fs + ''); $('html').css('--fs', fs + '').addClass('fs-set');
updateFontSize(); updateFontSize();
if (getLineHeight() < fs) if (getLineHeight() < fs)
@@ -3360,7 +3338,7 @@
var fs = getFontSize(); var fs = getFontSize();
if (fs <= lh && lh <= 3*fs) if (fs <= lh && lh <= 3*fs)
{ {
$('html').css('--lh', lh + ''); $('html').css('--lh', lh + '').addClass('lh-set');
updateLineHeight(); updateLineHeight();
} }
return getLineHeight(); return getLineHeight();
@@ -3369,13 +3347,13 @@
// //
function resetFontSize() function resetFontSize()
{ {
$('html').css('--fs', ''); $('html').css('--fs', '').removeClass('fs-set');
return updateFontSize(); return updateFontSize();
} }
function resetLineHeight() function resetLineHeight()
{ {
$('html').css('--lh', ''); $('html').css('--lh', '').removeClass('lh-set');
return updateLineHeight(); return updateLineHeight();
} }