6,576
edits
MediaWiki talk:Common.css: Difference between revisions
Jump to navigation
Jump to search
m
no edit summary
mNo edit summary |
mNo edit summary |
||
| Line 23: | Line 23: | ||
:::: For now I just updated the min-height check, the PoC went nowhere I'd consider usable and having the sidebar fixed if you have enough vertical space to display it is extremely useful on very long pages. Having a fixed size on the check is not nice though (especially when the links shown there changes depending on whether you're logged in or not and if you're a sysop or autoconfirmed user), so I'm now evaluating other ways of dynamically setting that property based on the side panel size... - [[User:mbc07|mbc07]] ([[User talk:mbc07|talk]]) 08:45, 1 February 2022 (CET) | :::: For now I just updated the min-height check, the PoC went nowhere I'd consider usable and having the sidebar fixed if you have enough vertical space to display it is extremely useful on very long pages. Having a fixed size on the check is not nice though (especially when the links shown there changes depending on whether you're logged in or not and if you're a sysop or autoconfirmed user), so I'm now evaluating other ways of dynamically setting that property based on the side panel size... - [[User:mbc07|mbc07]] ([[User talk:mbc07|talk]]) 08:45, 1 February 2022 (CET) | ||
::::: Thank you, it is fixed for me. I have CSS and JS knowledge so I could help you with creating dropdown versions of them. I think the viewport check should be dropped eventually to create consistency and can be helpful on long pages for users on limited window size. | |||
<pre> | |||
window.onload = () => { | |||
function ex_sb_tools(){ | |||
if(sb_tools_expanded){ | |||
sb_tools_bu.style.webkitTransform = "rotate(45deg)"; | |||
sb_tools_expanded = false; | |||
col_sb_tools.style.display = "none"; | |||
} else { | |||
sb_tools_bu.style.webkitTransform = "rotate(225deg)"; | |||
sb_tools_expanded = true; | |||
col_sb_tools.style.display = "block"; | |||
}; | |||
} | |||
var sb_tools_expanded = false; | |||
var sb_tools = document.getElementById("p-tb-label"); | |||
var col_sb_tools = document.getElementById("p-tb").getElementsByTagName("div")[0]; | |||
col_sb_tools.style.display = "none" | |||
var sb_tools_bu = document.createElement("button"); | |||
sb_tools_bu.style = "background-color:inherit; border:1px solid #666; border-width:0 2px 2px 0; padding:3px; margin-left:16px; position:absolute; -webkit-transform: rotate(45deg);" | |||
sb_tools_bu.addEventListener ("click", ex_sb_tools, false); | |||
sb_tools.appendChild(sb_tools_bu); | |||
} | |||
</pre> | |||
::::: Pure JS currently targeting "Tools" in the sidebar as the items under Virtual Console is less feasible to capture. The button could be tweaked a bit. [[User:Lucario|Lucario]] ([[User talk:Lucario|talk]]) 01:11, 2 February 2022 (CET) | |||