MediaWiki:Gadget-compact items.css

/*
 * This CSS file makes the interface on item pages more compact by reducing
 * vertical white space, changing actions buttons to only icons (removing the
 * text) and making other adjustments.
 *
 * It depends on [[MediaWiki:Gadget-gridify.css]].
 */

.skin-vector .mw-body {
	/* In Vector there's 1.5em padding on the right side of the page when the
	 * page is at least 982px wide, which isn't there when the page is narrower.
	 * This gadget uses that space for the buttons for adding another value, so
	 * make sure the padding is always there to avoid causing horizontal scrolling. */
	padding-right: 1.5em;
}

.wikibase-entityview .wikibase-entityview-main {
	margin: 0 3em 2em 0; /* 0 2em 2em 0 */
}

.wikibase-statementgroupview {
	margin-bottom: 1em; /* 2em */
}

.wikibase-statementview-qualifiers:not( :empty ) {
	margin-bottom: 0.5em;
}

div.wikibase-statementview-mainsnak {
	margin-right: calc(18em + 20px);
}

div.wikibase-snakview,
.wikibase-statementgrouplistview .wikibase-statementgroupview-property .wikibase-statementgroupview-property-label {
	padding: 8px; /* 10px 5px 5px 10px || 10px */
}

.wikibase-toolbar-button a {
	display: inline-block; /* */
	overflow: hidden; /* */
	width: 20px; /* */
}

.wikibase-statementview .wikibase-toolbar-container {
	display: inline-block;
	right: 5px;
	text-align: right;
	top: 5px;
	width: 60px;
}

.wikibase-statementview .wikibase-statementview-references .wikibase-toolbar-container {
	max-width: 40px;
	min-width: 20px;
}

.wb-help-field-hint {
	display: none !important;
}

.wikibase-statementview-references-heading {
	margin: 0;
	padding-left: 0;
	position: absolute;
	right: 70px;
	top: 0;
	width: calc(18em - 70px - 20px);
}

.wikibase-referenceview .wikibase-snaklistview-listview .wikibase-snakview:not( .wb-edit ) .wikibase-snakview-value-container .wikibase-snakview-body,
.wikibase-statementview-qualifiers .wikibase-snaklistview:not( .wb-edit ) .wikibase-snaklistview-listview .wikibase-snakview-value-container .wikibase-snakview-body {
	margin-right: inherit; /* 18em */
	word-break: break-word; /* */
}

.wikibase-referenceview {
	border: 1px solid #c8ccd1; /* */
	border-bottom-left-radius: 0.5em; /* */
	border-right: 0; /* */
	border-top-left-radius: 0.5em; /* */
}

.wikibase-statementview-references .wikibase-toolbar-button-add .wb-icon {
	background-image: url(//upload.wikimedia.org/wikipedia/commons/5/5b/OOjs_UI_icon_quotesAdd-ltr.svg); /* + */
}

.wikibase-statementview-references > .wikibase-toolbar-container {
	display: block;
	float: none;
	position: absolute;
	right: calc(18em - 20px);
	top: 5px;
}

.wikibase-referenceview div.wikibase-referenceview-heading {
	display: contents; /* block */
}

.wikibase-statementview-qualifiers .wikibase-snaklistview:not( .wb-edit ) .wikibase-snaklistview-listview .wikibase-snakview,
.wikibase-referenceview .wikibase-snaklistview:not( .wb-edit ) .wikibase-snaklistview-listview .wikibase-snakview {
	margin-right: 20px;
}

.wikibase-statementview {
	padding-bottom: 0; /* 1em */
}

.wikibase-statementlistview > .wikibase-toolbar-wrapper {
	background: transparent !important; /* gray */
	bottom: 0; /* */
	display: flex; /* block */
	flex-direction: column-reverse; /* */
	height: 100%; /* */
	position: absolute; /* relative */
	right: -20px; /* */
	width: 20px; /* 18 em */
	top: 0; /* */
}

.wikibase-statementlistview > .wikibase-toolbar-wrapper .wikibase-toolbar-container {
	bottom: 0.5em; /* */
	height: 20px; /* */
	line-height: 20px; /* 2em */
	position: sticky; /* */
	width: 20px; /* */

	/* override the NarrowUI gadget for the buttons for adding a new value,
	 * so that it stays attached to the side of the statement box */
	padding-inline: 0;
}

.wikibase-statementlistview > .wikibase-toolbar-wrapper .wb-icon {
	background-color: #fff; /* */
	border: 1px solid #c8ccd1; /* */
	border-left: 0; /* */
	border-radius: 0 0.5em 0.5em 0; /* */
	box-sizing: border-box; /* */
}

.wikibase-toolbarbutton-disabled .wb-icon {
	opacity: 0.5; /* */
}

.wikibase-statementgrouplistview > .wikibase-toolbar-container,
.wikibase-entityview .wikibase-toolbar-container {
	text-align: right;
}

.wikibase-lexeme-forms-section > .wikibase-toolbar-container,
.wikibase-lexeme-senses-section > .wikibase-toolbar-container {
	text-align: left;
}

/*** Adaptions for [[User:Melderick/moveClaims2.js]] and [[MediaWiki:Gadget-Move.js]] ***/

.wikibase-sitelinkview {
	position: relative;
}

.wikibase-sitelinkgroupview .wikibase-sitelinkgroupview-heading-section {
	/* setting .wikibase-sitelinkview to relative makes the sitelinks overlap
	   the headings when scrolling */
	z-index: 1;
}

.wikibase-statementgroupview .move-button,
.wikibase-sitelinkview .move-button {
	background: url(//upload.wikimedia.org/wikipedia/commons/8/84/OOjs_UI_icon_arched-arrow-ltr.svg);
	opacity: 0.1;
	position: absolute;
	right: -25px;
	transition: all 0.1s;
}

.wikibase-statementgroupview:hover .move-button,
.wikibase-sitelinkview:hover .move-button {
	opacity: 1;
}

/*** Adaptions for [[MediaWiki:Gadget-RearrangeValues.js]] ***/

.move_arrows_block {
	background: #fff;
	float: none !important;
	margin-right: inherit !important;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 5;
}

/*** Adaptions for [[User:TomT0m/classification.js]] ***/

#classification-gadget-P31-container,
#classification-gadget-P279-container {
	display: contents;
}

#classification-gadget-instances {
	display: block;
}