MediaWiki:Gadget-RecentChangesSidebar.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* From https://dev.miraheze.org/wiki/Recent_changes_sidebar */
/* The standard sidebar is not positioned as a true sidebar on these skins. */
.skin-cosmos #p-Recent_changes,
.skin-citizen #p-Recent_changes {
	display: none;
}

/* When no CSS/JS exist. This RC entry serves as fallback. Otherwise, hide it
from the start to avoid a flash of single RC entry. */
#p-Recent_changes .vector-menu-content-list > #n-recentchanges:only-child {
    visibility: hidden;
}

/* Reserve space for the inserted entries to avoid layout shift */
#p-Recent_changes .vector-menu-content-list > #n-recentchanges:only-child::after {
    content: '';
    display: block;
    height: 12em;
}

html {
    --gadget-rcsb-indicator-color: #3c7b07;
}

html.skin-theme-clientpref-night {
    --gadget-rcsb-indicator-color: #91df64;
}
@media (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os {
		--gadget-rcsb-indicator-color: #91df64;
	}
}

.skin-monobook #p-Recent_changes-label:after,
.skin-timeless #p-Recent_changes-label:after,
#citizen-page-aside-rcsidebar-heading:after,
#p-Recent_changes .vector-menu-heading:after {
    content: '';
    position: relative;
    background-color: var(--gadget-rcsb-indicator-color);
    left: 0.5em;
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

#p-Recent_changes .rc-sidebar-page,
.citizen-page-aside__panel--rcsidebar .rc-sidebar-page {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: max-content;
}

#p-Recent_changes .rc-sidebar-page,
#p-Recent_changes .rc-sidebar-page:active,
#p-Recent_changes .rc-sidebar-page:visited,
.citizen-page-aside__panel--rcsidebar .rc-sidebar-page,
.citizen-page-aside__panel--rcsidebar .rc-sidebar-page:active,
.citizen-page-aside__panel--rcsidebar .rc-sidebar-page:visited {
    color: var(--color-link, #36c);
}

#p-Recent_changes .rc-sidebar-user,
.citizen-page-aside__panel--rcsidebar .rc-sidebar-user {
    color: var(--color-subtle, #54595d);
    margin: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#p-Recent_changes .rc-sidebar-user a,
.citizen-page-aside__panel--rcsidebar .rc-sidebar-user a {
    color: inherit;
}

.skin-vector-2022 #p-Recent_changes .rc-sidebar-user a {
	display: inline;
}

.citizen-page-aside__panel--rcsidebar .rc-sidebar-item {
    margin-bottom: 4px;
}

#citizen-page-aside-rcsidebar {
    min-height: 14rem;
}

.citizen-page-aside__panel--rcsidebar .rc-sidebar-list {
    margin: 0;
    padding-inline: var(--space-xs);
    list-style: none;
}