MediaWiki:Vector.less/rcsidebar.less

From Brighter Shores Wiki
Jump to navigation Jump to search
/* ===================
   Recent changes widget
   =================== */

#p-Recent_changes {
	display: block;
	
	.vector-menu-content {
		display: none;
	}
	
	.vector-menu-heading:after {
		// Green "live" dot
		content: '';
		position: relative;
		left: .5em;
	
		display: inline-block;
		background-color: saturate(@la-palma, 4%);
		width: 6px;
		height: 6px;
		border-radius: 100%;
	}
	
	.rc-sidebar-item {
		position: relative;
		font-size: 0.75em;
		margin: .5em .25em 0 .66em;
		/* what is this for
		&::before {
			position: absolute;
			left: -0.75em;
			top: .5em;
		
			background-color: #327ba7;
			width: 4px;
			height: 4px;
			border-radius: 100%;
		}
        */
	}
	
	.rc-sidebar-page {
		display: block;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		max-width: max-content;
		
		&,
		&:active,
		&:visited {
			color: var(--background-link-color);
		}
	}
	
	.rc-sidebar-user {
		color: var(--byline-color);
		margin: 0;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		
		a {
			color: inherit;
		}
	}
	
	.rc-sidebar-more {
		text-align: left;
		
		.rc-sidebar-page {
			display: inline-block;
		}
	}
}