MediaWiki:Common.css: Difference between revisions

mNo edit summary
mNo edit summary
 
(2 intermediate revisions by the same user not shown)
Line 221: Line 221:
}
}


/* Hide page action tabs for users who are NOT logged in
/* Hide page action tabs for anonymous visitors only (they have a #pt-login link) */
  Uses body:not(.mw-user) because this site does not use mw-anonuser/logged-in */
body:has(#pt-login) #p-views,
body:not(.mw-user) #p-views,
body:has(#pt-login) #p-associated-pages,
body:not(.mw-user) #p-views > ul,
body:has(#pt-login) #p-variants,
body:not(.mw-user) #p-views > ul > li,
body:has(#pt-login) #p-cactions,
body:not(.mw-user) #left-navigation,
body:has(#pt-login) .vector-page-tools,
body:not(.mw-user) #right-navigation,
body:has(#pt-login) .vector-menu-tabs,
body:not(.mw-user) .vector-page-tools,
body:has(#pt-login) .minerva-page-actions,
body:not(.mw-user) .vector-page-tools .vector-menu-content,
body:has(#pt-login) .page-actions-menu {
body:not(.mw-user) .vector-page-tools .vector-menu-content > li,
body:not(.mw-user) .vector-menu-tabs,
body:not(.mw-user) .vector-menu-tabs ul,
body:not(.mw-user) .vector-menu-tabs li,
body:not(.mw-user) .minerva-page-actions,
body:not(.mw-user) .minerva-page-actions li,
body:not(.mw-user) .page-actions-menu,
body:not(.mw-user) .page-actions-menu li {
     display: none !important;
     display: none !important;
}
/* Belt and braces: never hide search */
#p-search {
    display: block !important;
}
}


Line 244: Line 241:
#toc, .toc {
#toc, .toc {
     display: block !important;
     display: block !important;
}
@media (max-width: 768px) {
  .vector-sidebar, .mw-sidebar {
    transform: translateX(-100%);
    transition: transform .25s ease;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 9999;
    background: var(--bg-color, #fff);
    box-shadow: 0 0 12px rgba(0,0,0,.2);
  }
  .vector-sidebar.open {
    transform: translateX(0);
  }
  /* Add space for a toggle button */
  .vector-main-content { padding-left: 0 !important; }
  .sidebar-toggle {
    position: fixed;
    left: 8px;
    top: 8px;
    z-index: 10001;
    background: #fff;
    border-radius: 4px;
    padding: 6px;
    box-shadow: 0 1px 4px rgba(0,0,0,.2);
  }
}
}