33 lines
755 B
JavaScript
33 lines
755 B
JavaScript
/*
|
|
*
|
|
* flexime.js
|
|
* Flexible font-size for huge text (pod name) in login page.
|
|
*
|
|
*/
|
|
|
|
jQuery.fn.flexime = function (refine, options) {
|
|
|
|
var opt = $.extend({
|
|
responsive: false
|
|
}, options);
|
|
|
|
var $this = $(this);
|
|
var r = refine || 1;
|
|
var max_size = 200; // #huge-text default size
|
|
|
|
var resize = function () {
|
|
var clone = $this.clone();
|
|
clone.css({'font-size':'10px','display':'inline-block','visibility':'hidden'}).appendTo('body');
|
|
var size = Math.floor(($this.width() / clone.width()) * 10 / r);
|
|
if (size < max_size) $this.css({'font-size':size+'px', 'line-height':Math.floor(size*.2)+'px'});
|
|
|
|
clone.remove();
|
|
};
|
|
|
|
resize();
|
|
|
|
if (opt.responsive)
|
|
$(window).on('resize', resize);
|
|
|
|
return this;
|
|
}
|