LLWiki正在建設中,歡迎加入我們!
「Widget:Sif-song-table」修訂間的差異
跳至導覽
跳至搜尋
小 標籤:行動版網頁編輯 行動版編輯 |
小 |
||
第34行: | 第34行: | ||
} |
} |
||
.sif-song-table .tabs-dropdown ul { |
.sif-song-table .tabs-dropdown ul { |
||
background-color:#f8f9fa; |
|||
padding:0; |
padding:0; |
||
} |
} |
於 2020年10月15日 (四) 06:22 的修訂
JavaScript腳本:
window.addEventListener('load', function() {
var skin = mw.config.get('skin');
document.querySelectorAll( '.sif-song-table' ).forEach(function(table) {
if(skin == 'minerva') {
let ele = table.querySelector('.tabs-content');
ele.appendChild(ele.nextSibling);
}
table.querySelectorAll( '.tabs-dropdown li' ).forEach(function(ele, i) {
ele.onclick = function() {
table.querySelector( '.tabs-label' ).textContent = ele.textContent;
table.querySelectorAll( 'td:nth-last-child(-n+2) > span' ).forEach(function(e) {
e.style.display = '';
});
table.querySelectorAll( 'td:nth-last-child(-n+2)' ).forEach(function(e) {
let level = e.querySelector( ':scope > span:nth-child(' + (i+1) + ')' );
level.style.display = 'initial';
e.dataset.sortValue = level.textContent;
});
};
});
});
});
//
CSS樣式表:
*/
.sif-song-table {
text-align:center;
}
.sif-song-table .tabs-content {
border-radius:0 0 8px 8px;
}
.sif-song-table .tabs-dropdown ul {
padding:0;
}
.sif-song-table .tabs-dropdown li:last-child {
border-radius:0 0 8px 8px;
}
.sif-song-table td:nth-last-child(-n+2) > span {
display:none;
}
/*