Diferencia entre revisiones de «MediaWiki:Gadget-Reader.js»
Línea 18: | Línea 18: | ||
$('#mw-panel').css({position: 'fixed', top: '2px', left: ppos + 'px', background: '#f3f3f3', 'border-right': 'solid black', 'border-bottom': 'solid black', 'z-index': '10'}) | $('#mw-panel').css({position: 'fixed', top: '2px', left: ppos + 'px', background: '#f3f3f3', 'border-right': 'solid black', 'border-bottom': 'solid black', 'z-index': '10'}) | ||
.wrapInner('<div id="panelmenu" style="height: ' + pmenuheight + 'px; overflow: auto" />') | .wrapInner('<div id="panelmenu" style="height: ' + pmenuheight + 'px; overflow: auto" />') | ||
− | .prepend('<div id="panelbutton" style="position: absolute; top: 0px; background: | + | .prepend('<div id="panelbutton" style="position: absolute; top: 0px; background: '#769100'; color:white; padding: 10px 8px 10px 172px; border-top-right-radius: 8px; border-bottom-right-radius: 8px;">Vitalinux</div>'); |
$('#p-logo,.editsection,#n-practice').hide(); | $('#p-logo,.editsection,#n-practice').hide(); | ||
$('#content').css('margin-left', '0px').css('border', 'none'); | $('#content').css('margin-left', '0px').css('border', 'none'); |
Revisión del 07:53 17 dic 2015
//<source lang="javascript">
// read-mostly layout adjustments for vector skin to make left panel into slideout drawer
// Based on Jim Tittsler Reader mode for WE
$(function () {
var ppos = -164;
var pmenuheight = $(window).height()-15;
var weReaderMode = false;
var weReaderWidth = mw.user.options.get('userjs-weReader') || 1024;
var pnav = '#p-Navigation';
// es.WE seems to use lower case
if ($(pnav).length === 0) {
pnav = '#p-navigation';
}
function reader(){
if (!weReaderMode && ($(window).width() <= weReaderWidth)) {
weReaderMode = true;
$('head').append('<style>#p-search {margin-top: 30px !important; margin-bottom: 30px; width: 145px;} #gcse,#simpleSearch {width: 145px !important;} #cse-search-box .searchButton{display: none;}</style>');
$('#mw-panel').css({position: 'fixed', top: '2px', left: ppos + 'px', background: '#f3f3f3', 'border-right': 'solid black', 'border-bottom': 'solid black', 'z-index': '10'})
.wrapInner('<div id="panelmenu" style="height: ' + pmenuheight + 'px; overflow: auto" />')
.prepend('<div id="panelbutton" style="position: absolute; top: 0px; background: '#769100'; color:white; padding: 10px 8px 10px 172px; border-top-right-radius: 8px; border-bottom-right-radius: 8px;">Vitalinux</div>');
$('#p-logo,.editsection,#n-practice').hide();
$('#content').css('margin-left', '0px').css('border', 'none');
$('#p-search').insertBefore(pnav);
$.each(['namespaces', 'views', 'cactions'], function (i, v) {
$('#p-' + v + ' ul:first').css({'list-style': 'none', 'margin-bottom': '1em', 'line-height': 2}).insertBefore(pnav);
});
$('#ca-watch,#ca-unwatch').removeClass('icon');
$('#p-personal').insertAfter(pnav)
.addClass('portal')
.css('position', 'static')
.css('right', '0px')
.find('ul').wrap('<div class="body" />').end()
.find('h5').css('display', 'block').end()
.find('li').css('float', 'none');
$('#left-navigation').css('top', '0px');
$('#right-navigation').css('margin-top', '0px');
$('#head-base').css('height', '40px');
$('#panelbutton').click(function(e) {
e.preventDefault();
ppos = (ppos === 0) ? -164 : 0;
$('#mw-panel').animate( {left: ppos }, 'fast');
});
}
}
$(window).resize(function() {
reader();
if (weReaderMode) {
$('#mw-head-base').css('height', '3em');
}
});
reader();
});