MediaWiki:CompactRC.css — dev

/*
 * @desc Reducing space and tidying up elements from RecentChanges
 * @author [[User:GreenWithin]]
 * @changes FandomMobile compatibitility [BETA]
 * @credits Kjnoren & pirr, based and built upon spacecitizen.tools
*/
@font-face {
    font-family: 'FANDOM-Icons';
    src: url('https://vignette.wikia.nocookie.net/dev/images/b/b4/FANDOM-Icons.woff2/revision/latest') format('woff2'), url('https://vignette.wikia.nocookie.net/dev/images/e/ee/FANDOM-Icons.woff/revision/latest') format('woff');
    font-weight: normal;
    font-style: normal
}

.mw-changeslist-legend { 
	float: none
}

.client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc {
	margin-left: 0;
    padding: 15px 0;
    border-bottom: 1px solid var(--theme-border-color)
}

table.mw-enhanced-rc td.mw-changeslist-line-inner {
    padding-left: 0.5em
}

table.mw-enhanced-rc td.mw-enhanced-rc-nested {
    padding: 4px 0 4px 1.5em
}

.mw-changeslist-separator:empty:before, .mw-changeslist-line-inner-comment + .mw-changeslist-line-inner-rollback + .mw-changeslist-line-inner-tags .mw-tag-markers::before, table.mw-enhanced-rc .mw-tag-markers::after {
    content: unset
}

table.mw-enhanced-rc .mw-diff-bytes,     
table.mw-enhanced-rc .mw-changeslist-line-inner-rollback, table.mw-enhanced-rc .mw-thanks-thank-link, .mw-enhanced-rc-nested .mw-changeslist-links.mw-pager-tools {
    float: right;
    margin: 0 3px
}

.mw-changeslist-line-inner-comment::before, .mw-changeslist-line-inner-userLink::before, .mw-changeslist-line-inner .changedby::before, .mw-enhanced-rc-nested .comment::before, .mw-changeslist-log-entry .comment::before, table.mw-enhanced-rc .mw-tag-markers::before {
    content: "\A";
    white-space: pre-line
}

table.mw-enhanced-rc .mw-changeslist-line-inner-0 {
    color: transparent
}

table.mw-enhanced-rc .mw-rollback-link, a.mw-thanks-thank-link {
    display: inline-block;
    color: transparent;
    font-size: smaller;
    text-transform: capitalize;
    border-radius: 7px;
    padding: 0 .3em 0 .4em
}

.theme-fandomdesktop-light table.mw-enhanced-rc .mw-rollback-link, .theme-fandomdesktop-light .mw-thanks-thank-link {
    background: rgba(0,0,0,0.04);
    border: 1px solid rgba(0,0,0,0.1)
}

.theme-fandomdesktop-dark .mw-enhanced-rc .mw-rollback-link, .theme-fandomdesktop-dark a.mw-thanks-thank-link {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.03)
}

table.mw-enhanced-rc .mw-rollback-link a {
    opacity: 75%
}

.theme-fandomdesktop-light a.mw-thanks-thank-link {
    color: #705258
}
.theme-fandomdesktop-dark a.mw-thanks-thank-link {
    color: #ab9597
}

.jquery-confirmable-interface {
    color: var(--theme-page-text-color)
}

table.mw-enhanced-rc .mw-rollback-link a:before {
    content: 'refresh-small ';
    text-transform: lowercase;
    font-size: 11px;
    font-family: 'Fandom-Icons'
}

table.mw-enhanced-rc .mw-enhanced-rc-time a:before {
    content: 'clock ';
    text-transform: lowercase;
    font-size: 11px;
    font-family: 'Fandom-Icons'
}

.mw-thanks-thank-confirmation:before, .mw-thanks-thank-link:not(.jquery-confirmable-button-no):before {
    background-color: #b1525e;
    height: 11px;
    width: 11px
}

table.mw-enhanced-rc {
    position: relative
}

table.mw-enhanced-rc span.mw-collapsible-toggle.mw-collapsible-arrow.mw-enhancedchanges-arrow.mw-enhancedchanges-arrow-space.mw-collapsible-toggle-expanded {
    transform: rotate(180deg)  
}

.mw-special-Recentchanges .mw-collapsible-arrow.mw-collapsible-toggle-collapsed {
    transition: .2s
}

.mw-special-Recentchanges .mw-collapsible-arrow.mw-collapsible-toggle-expanded {
    transition: .2s;
    transform: rotate(90deg) !important
}

.mw-special-Recentchanges .mw-icon-arrow-collapsed, .mw-special-Recentchanges .mw-collapsible-arrow.mw-collapsible-toggle-collapsed,
.mw-special-Recentchanges span.mw-collapsible-toggle.mw-collapsible-arrow.mw-enhancedchanges-arrow.mw-enhancedchanges-arrow-space.mw-collapsible-toggle-expanded {
    background-image: none
}

table.mw-enhanced-rc .mw-collapsible-toggle {
    background-color: var(--theme-page-text-color)
}
 
.mw-special-Recentchanges span.mw-collapsible-toggle.mw-collapsible-arrow.mw-enhancedchanges-arrow.mw-enhancedchanges-arrow-space.mw-collapsible-toggle-expanded,
.mw-special-Recentchanges .mw-icon-arrow-collapsed, .mw-special-Recentchanges .mw-collapsible-arrow.mw-collapsible-toggle-collapsed {
    -webkit-mask-image: url('/resources-ucp/mw139/dist/svg/wds-icons-dropdown-small.svg') !important;
    position: absolute;
    mask-image: url('/resources-ucp/mw139/dist/svg/wds-icons-dropdown-small.svg') !important;
    top: 22px;
    left: 15px
}

.mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator {
    border-color: var(--theme-border-color);
    border-width: 1px
}

/** FandomMobile **/
.skin-fandommobile .client-js .mw-changeslist ul, .skin-fandommobile .client-js .mw-changeslist table.mw-enhanced-rc {
    width: 100%
}

.skin-fandommobile table.mw-enhanced-rc td.mw-changeslist-line-inner {
    padding-left: 1em
}

.skin-fandommobile table.mw-enhanced-rc td.mw-enhanced-rc-nested {
    padding: 0 0 0 .5em
}

.skin-fandommobile .mw-enhanced-rc[colspan="2"], .skin-fandommobile .mw-enhanced-rc-time {
    font-family: monospace;
    font-weight: bold !important
}
    
.skin-fandommobile table.mw-enhanced-rc .mw-rollback-link, .skin-fandommobile table.mw-enhanced-rc .mw-thanks-thank-link {
    margin: 0 0 0 4.5px 
}

.skin-fandommobile table.mw-enhanced-rc .mw-diff-bytes {
    float: none
}

.skin-fandommobile table.mw-enhanced-rc .mw-rollback-link, .skin-fandommobile a.mw-thanks-thank-link {
    border-radius: 15px;
    font-weight: bold;
    padding: 0 .7em 0 .7em
}

.theme-fandommobile-light table.mw-enhanced-rc .mw-rollback-link, .theme-fandommobile-light .mw-thanks-thank-link {
    background: rgba(0,0,0,0.04);
    border: 1px solid rgba(0,0,0,0.1)
}

.theme-fandommobile-dark .mw-enhanced-rc .mw-rollback-link, .theme-fandommobile-dark a.mw-thanks-thank-link {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.03)
}

.theme-fandommobile-light a.mw-thanks-thank-link {
    color: #705258
}
.theme-fandommobile-dark a.mw-thanks-thank-link {
    color: #ab9597
}

.skin-fandommobile table.mw-enhanced-rc .mw-rollback-link a:before {
    content: 'refresh '
}

.mw-special-Recentchanges:is(
.skin-fandommobile) 
span.mw-collapsible-toggle.mw-collapsible-arrow.mw-enhancedchanges-arrow.mw-enhancedchanges-arrow-space.mw-collapsible-toggle-expanded,
.mw-special-Recentchanges:is(
.skin-fandommobile) .mw-icon-arrow-collapsed, .mw-special-Recentchanges:is(
.skin-fandommobile) .mw-collapsible-arrow.mw-collapsible-toggle-collapsed {
    top: 58px;
    left: 10px
}