MediaWiki:Gadget-readableRC-core.css: Difference between revisions

From [N8]
Jump to navigation Jump to search
Created page with "padding between "Live updates" button and gadget: .gadget-rc-button { margin-left: .5em; } recentchanges container: .gadget-rc-enabled > div { margin-left: -0.5em..."
 
mNo edit summary
 
Line 2: Line 2:
.gadget-rc-button {
.gadget-rc-button {
margin-left: .5em;
margin-left: .5em;
}
/* undo our dark mode css invert (as it's already white on blue) */
.wgl-darkmode .gadget-rc-button .oo-ui-iconElement-icon {
filter: invert(0) !important;
}
}


Line 42: Line 47:
.gadget-rc-logname {
.gadget-rc-logname {
font-weight: bold;
font-weight: bold;
}
.gadget-rc-logname::before {
content: '(';
}
.gadget-rc-logname::after {
content: ')';
}
}


Line 76: Line 73:
flex: 1;
flex: 1;
margin-left: .5em;
margin-left: .5em;
}
/* limit height of log entries to 2 lines (primarily for user creation log,
  where there can be 20+ names that bloat the entry's height) */
.gadget-rc-logentry {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/* force edit summary to wrap if too wide */
.gadget-rc-userlinks {
word-break: break-all;
}
}


.gadget-rc-userlinks > * {
.gadget-rc-userlinks > * {
margin-right: .25em;
margin-right: .25em;
}
/* default is 95% for some reason */
.gadget-rc-enabled .changedby {
font-size: 100%;
}
}


Line 86: Line 102:
}
}


/* truncate long IPv6 addresses */
.gadget-rc-enabled .mw-anonuserlink {
.gadget-rc-enabled .mw-anonuserlink {
word-break: break-all;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
    max-width: 17ch;
}
}


Line 101: Line 123:


/* nested rows */
/* nested rows */
.gadget-rc-nested {
.gadget-rc-enabled .gadget-rc-nested {
margin-left: 3.5em;
margin-left: 3.5em;
}
}

Latest revision as of 18:47, 9 August 2021

/* padding between "Live updates" button and gadget */
.gadget-rc-button {
	margin-left: .5em;
}

/* undo our dark mode css invert (as it's already white on blue) */
.wgl-darkmode .gadget-rc-button .oo-ui-iconElement-icon {
	filter: invert(0) !important;
}

/* recentchanges container */
.gadget-rc-enabled > div {
	margin-left: -0.5em;
}

/* diff row */
.gadget-rc-enabled .mw-changeslist-line {
	margin: .3em 0;
	line-height: 1.6;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

.gadget-rc-enabled .mw-rcfilters-ui-changesListWrapperWidget-enhanced-toplevel,
.gadget-rc-enabled .mw-rcfilters-ui-changesListWrapperWidget-enhanced-nested {
	display: flex;
}

/* pagename/log name column */
.gadget-rc-pagename,
.gadget-rc-logname {
	width: 22vw;
    max-width: 350px;
	margin-right: .5em;
}

@media screen and (max-width: 1000px) {

    .gadget-rc-pagename,
    .gadget-rc-logname {
        width: 20vw;
    }

}

.gadget-rc-logname {
	font-weight: bold;
}

/* diff/hist column */
.gadget-rc-diff,
.gadget-rc-logdots {
	width: 14vw;
	max-width: 175px;
}

.gadget-rc-diff strong {
	font-weight: normal;
}

.gadget-rc-diff .mw-changeslist-separator {
	display: none;
}

.gadget-rc-logdots .mw-changeslist-separator {
	padding-left: .35em;
}

/* user description column */
.gadget-rc-userlinks,
.gadget-rc-logentry {
	flex: 1;
	margin-left: .5em;
}

/* limit height of log entries to 2 lines (primarily for user creation log,
   where there can be 20+ names that bloat the entry's height) */
.gadget-rc-logentry {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* force edit summary to wrap if too wide */
.gadget-rc-userlinks {
	word-break: break-all;
}

.gadget-rc-userlinks > * {
	margin-right: .25em;
}

/* default is 95% for some reason */
.gadget-rc-enabled .changedby {
	font-size: 100%;
}

.gadget-rc-enabled .mw-userlink {
	font-weight: bold;
}

/* truncate long IPv6 addresses */
.gadget-rc-enabled .mw-anonuserlink {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
    max-width: 17ch;
}

.gadget-rc-enabled .mw-usertoollinks a {
	padding: 0 .05em;
}

/* abusefilter tags */
.gadget-rc-enabled .mw-tag-markers,
.gadget-rc-enabled .mw-tag-markers a {
	font-weight: normal;
}

/* nested rows */
.gadget-rc-enabled .gadget-rc-nested {
	margin-left: 3.5em;
}