MediaWiki:Common.css: Difference between revisions

Revision as of 19:01, 4 April 2024

/* Ensure scrollbar is visible above the header */
#mw-navigation {
    z-index: 1000; /* Ensure sidebar appears above other content */
    overflow-y: auto; /* Enable scrolling for the sidebar */
    height: calc(100vh - 56px); /* Adjust height to fit viewport minus header height */
    position: fixed; /* Fix the sidebar position */
    top: 56px; /* Adjust the top position based on the header height */
    bottom: 0;
    width: 220px; /* Adjust the width of the sidebar */
}

/* Style the scrollbar for the sidebar */
#mw-navigation::-webkit-scrollbar {
    width: 8px; /* Width of the scrollbar */
}
#mw-navigation::-webkit-scrollbar-track {
    background: #f1f1f1; /* Color of the scrollbar track */
}
#mw-navigation::-webkit-scrollbar-thumb {
    background: #888; /* Color of the scrollbar thumb */
}
#mw-navigation::-webkit-scrollbar-thumb:hover {
    background: #555; /* Color of the scrollbar thumb on hover */
}

/* Adjust the main content area */
.col-12.col-md-9.col-xl-9.py-md-3.px-md-5 {
    margin-left: 240px; /* Adjust the margin based on the sidebar width */
    padding-top: 56px; /* Adjust the top padding based on the header height */
}

/* Fix the position of the "Actions" and "Tools" bar */
aside {
    position: fixed;
    top: 56px; /* Adjust the top position based on the header height */
    right: 0;
    z-index: 1000;
}