현재는 스크롤을 내리면 보이지 않아 다시 위로 올라가야 하는 불편함이 있습니다.
위키백과 메뉴와 달리 맨 위 고정하기에 적절한 디자인이라 이 강점을 십분 활용했으면 하는데 어떨까요?
개인 css파일에 이 코드를 추가하시면 상단바를 고정해서 사용할 수 있습니다.
사용법: 사용자:자기닉네임/femiwiki.css 파일을 생성해서 아래 코드를 추가합니다. 사샤나즈님의 경우에는 사용자:사샤나즈/femiwiki.css로 이동하시면 됩니다.
- 버튼들은 조금 밀리지만 상단바가 내용을 덮는 걸 피하고 싶으면 이 코드
@media screen { .nav-bar { position: fixed; z-index: 100; } body { padding-top: 2.4rem; } } .oo-ui-buttonSelectWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button, { transform: translateY(-1.6rem); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { transform: translateY(-0.9rem); } .oo-ui-labelElement-label { transform: translateY(-0.9rem); } .oo-ui-widget:not(.ve-ui-surface):not(.ve-ui-mwTocWidget) { padding-top: 0.9rem; }
- 버튼들은 안 밀리지만 상단바가 화면을 약간 덮을 수도 있는 것이 나으면 이 코드
@media screen { .nav-bar { position: fixed; z-index: 100; } }
제가 유저로서 건드릴 수 있는 게 개인 css뿐이라 단순 고정만 시킬 수 있고 이걸 적용하면 뭔가 부족하긴 합니다.. ㅋㅋㅋ 써보시고 마음에 안 드시면 해당 문서를 비우시면 됩니다!
유저스크립트도 좋지만 정식으로 도입하는 것에 대해 이야기하고 싶은데 어떤가요?
메뉴가 화면에 따라 다니는 경우에 https://phabricator.wikimedia.org/T228076 (타임리스 스킨+Flow), https://phabricator.wikimedia.org/T217797 (시각편집기)와 비슷한 문제가 발생할 가능성이 높으며 도입할 경우에 섬세하게 접근해야 한다고 생각합니다.
scroll-padding/scroll-margin 을 쓰거나 희안한 CSS 핵을 쓰면 된다네요... 링크 첨부합니다https://phabricator.wikimedia.org/T290518#7337582