mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor
synced 2024-09-23 18:28:51 +00:00
Merge "Nest LESS files"
This commit is contained in:
jenkins-bot
Gerrit Code Review
commit
11a099d266
|
|
@ -4,20 +4,20 @@
|
|||
* @copyright See AUTHORS.txt
|
||||
*/
|
||||
|
||||
/* stylelint-disable-next-line selector-class-pattern */
|
||||
.plainlinks a.ve-ce-linkAnnotation.ve-ce-annotation-active.external {
|
||||
/*
|
||||
* plainlinks is a MW core class which tries to suppress the normal
|
||||
* external-link appearance; we don't want it to also suppress the
|
||||
* active-link styling that VE apples.
|
||||
* This is applying the same values as ve.ce.LinkAnnotation in VE core.
|
||||
*/
|
||||
background-color: #e6f1ff !important; /* stylelint-disable-line declaration-no-important */
|
||||
padding: 2px !important; /* stylelint-disable-line declaration-no-important */
|
||||
}
|
||||
|
||||
/* stylelint-disable-next-line selector-class-pattern */
|
||||
.ve-ce-linkAnnotation.ve-ce-annotation-active.external {
|
||||
/* Reset -2px from VE-core */
|
||||
margin-right: 0;
|
||||
|
||||
/* stylelint-disable-next-line selector-class-pattern */
|
||||
.plainlinks a& {
|
||||
/*
|
||||
* plainlinks is a MW core class which tries to suppress the normal
|
||||
* external-link appearance; we don't want it to also suppress the
|
||||
* active-link styling that VE apples.
|
||||
* This is applying the same values as ve.ce.LinkAnnotation in VE core.
|
||||
*/
|
||||
background-color: #e6f1ff !important; /* stylelint-disable-line declaration-no-important */
|
||||
padding: 2px !important; /* stylelint-disable-line declaration-no-important */
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,12 +5,14 @@
|
|||
* @license The MIT License (MIT); see LICENSE.txt
|
||||
*/
|
||||
|
||||
/* Override paragraph margins inside of captions */
|
||||
.ve-ce-mwBlockImageNode > figcaption p {
|
||||
margin: 0 !important; /* stylelint-disable-line declaration-no-important */
|
||||
}
|
||||
.ve-ce-mwBlockImageNode {
|
||||
/* Override paragraph margins inside of captions */
|
||||
> figcaption p {
|
||||
margin: 0 !important; /* stylelint-disable-line declaration-no-important */
|
||||
}
|
||||
|
||||
/* Disable zoom link */
|
||||
.ve-ce-mwBlockImageNode > a::after {
|
||||
pointer-events: none;
|
||||
/* Disable zoom link */
|
||||
> a::after {
|
||||
pointer-events: none;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,13 +5,15 @@
|
|||
* @license The MIT License (MIT); see LICENSE.txt
|
||||
*/
|
||||
|
||||
/* Override tablesorter's cursor: pointer */
|
||||
/* stylelint-disable-next-line selector-class-pattern */
|
||||
.ve-ce-mwTableNode.jquery-tablesorter th.ve-ce-tableCellNode-header.headerSort {
|
||||
cursor: default;
|
||||
}
|
||||
.ve-ce-mwTableNode.jquery-tablesorter th.ve-ce-tableCellNode-header {
|
||||
/* stylelint-disable-next-line selector-class-pattern */
|
||||
&.headerSort {
|
||||
/* Override tablesorter's cursor: pointer */
|
||||
cursor: default;
|
||||
|
||||
/* stylelint-disable-next-line selector-class-pattern */
|
||||
.ve-ce-mwTableNode.jquery-tablesorter th.ve-ce-tableCellNode-header.ve-ce-tableCellNode-editing.headerSort {
|
||||
cursor: text;
|
||||
&.ve-ce-tableCellNode-editing {
|
||||
cursor: text;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,11 +5,13 @@
|
|||
* @license The MIT License (MIT); see LICENSE.txt
|
||||
*/
|
||||
|
||||
.ve-ce-mwTransclusionNode > .ve-ce-focusableNode-invisibleIcon.oo-ui-iconElement {
|
||||
font-size: 1em;
|
||||
width: auto;
|
||||
}
|
||||
.ve-ce-mwTransclusionNode {
|
||||
> .ve-ce-focusableNode-invisibleIcon.oo-ui-iconElement {
|
||||
font-size: 1em;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.ve-ce-mwTransclusionNode.ve-ce-focusableNode-invisible {
|
||||
width: auto;
|
||||
&.ve-ce-focusableNode-invisible {
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,43 +5,45 @@
|
|||
* @license The MIT License (MIT); see LICENSE.txt
|
||||
*/
|
||||
|
||||
.ve-ui-mwInternalLinkContextItem .ve-ui-linearContextItem-body {
|
||||
overflow: auto;
|
||||
white-space: normal;
|
||||
}
|
||||
.ve-ui-mwInternalLinkContextItem {
|
||||
.ve-ui-linearContextItem-body {
|
||||
overflow: auto;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
.ve-ui-mwInternalLinkContextItem-withImage > .oo-ui-iconElement.oo-ui-iconElement-icon {
|
||||
float: left;
|
||||
font-size: 2em; /* double-size icon */
|
||||
background-color: #c8ccd1;
|
||||
border: 0.35714em solid #c8ccd1;
|
||||
opacity: 0.4;
|
||||
margin-bottom: 0.3em;
|
||||
}
|
||||
&-withImage > .oo-ui-iconElement.oo-ui-iconElement-icon {
|
||||
float: left;
|
||||
font-size: 2em; /* double-size icon */
|
||||
background-color: #c8ccd1;
|
||||
border: 0.35714em solid #c8ccd1;
|
||||
opacity: 0.4;
|
||||
margin-bottom: 0.3em;
|
||||
}
|
||||
|
||||
.ve-ui-mwInternalLinkContextItem-hasImage {
|
||||
background-color: transparent;
|
||||
background-size: cover;
|
||||
}
|
||||
&-hasImage {
|
||||
background-color: transparent;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.ve-ui-mwInternalLinkContextItem-withImage > .ve-ui-mwInternalLinkContextItem-hasImage.oo-ui-iconElement-icon {
|
||||
border: 0;
|
||||
background-size: cover;
|
||||
opacity: 1;
|
||||
padding: 0.35714em;
|
||||
}
|
||||
&-withImage > &-hasImage.oo-ui-iconElement-icon {
|
||||
border: 0;
|
||||
background-size: cover;
|
||||
opacity: 1;
|
||||
padding: 0.35714em;
|
||||
}
|
||||
|
||||
.ve-ui-mwInternalLinkContextItem-description {
|
||||
display: block;
|
||||
color: #72777d;
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
&-description {
|
||||
display: block;
|
||||
color: #72777d;
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
|
||||
.ve-ui-mwInternalLinkContextItem-withImage .ve-ui-linkContextItem-link,
|
||||
.ve-ui-mwInternalLinkContextItem-withImage .ve-ui-mwInternalLinkContextItem-description {
|
||||
margin-left: 5em;
|
||||
}
|
||||
&-withImage .ve-ui-linkContextItem-link,
|
||||
&-withImage &-description {
|
||||
margin-left: 5em;
|
||||
}
|
||||
|
||||
.ve-ui-mwInternalLinkContextItem-withDescription .ve-ui-linkContextItem-link {
|
||||
font-weight: bold;
|
||||
&-withDescription .ve-ui-linkContextItem-link {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -9,24 +9,24 @@
|
|||
width: 100%;
|
||||
border: 0;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
.ve-ui-mwLanguageVariantNodeContextItem-rule-table th {
|
||||
white-space: nowrap;
|
||||
border-bottom: 1px solid #c8ccd1;
|
||||
text-align: left;
|
||||
}
|
||||
th {
|
||||
white-space: nowrap;
|
||||
border-bottom: 1px solid #c8ccd1;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.ve-ui-mwLanguageVariantNodeContextItem-rule-table th,
|
||||
.ve-ui-mwLanguageVariantNodeContextItem-rule-table td {
|
||||
padding: 0.75em 1em;
|
||||
border-bottom: 1px solid #fff;
|
||||
}
|
||||
th,
|
||||
td {
|
||||
padding: 0.75em 1em;
|
||||
border-bottom: 1px solid #fff;
|
||||
}
|
||||
|
||||
.ve-ui-mwLanguageVariantNodeContextItem-rule-table tr:nth-child( odd ) td {
|
||||
background: #eaecf0;
|
||||
}
|
||||
tr:nth-child( odd ) td {
|
||||
background: #eaecf0;
|
||||
}
|
||||
|
||||
.ve-ui-mwLanguageVariantNodeContextItem-rule-table tr:nth-child( even ) td {
|
||||
background: #f8f9fa;
|
||||
tr:nth-child( even ) td {
|
||||
background: #f8f9fa;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,117 +5,129 @@
|
|||
* @license The MIT License (MIT); see LICENSE.txt
|
||||
*/
|
||||
|
||||
.ve-ui-mwGalleryDialog .ve-ui-mwGalleryDialog-image-container {
|
||||
height: 100px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50% 50%;
|
||||
border: 1px solid #c8ccd1;
|
||||
cursor: pointer;
|
||||
background-size: contain;
|
||||
transition: border 200ms cubic-bezier( 0.39, 0.575, 0.565, 1 ), box-shadow 200ms cubic-bezier( 0.39, 0.575, 0.565, 1 );
|
||||
/* Override default padding of DraggableElement */
|
||||
/* TODO: Remove once T168745 is resolved */
|
||||
padding: 0;
|
||||
}
|
||||
.ve-ui-mwGalleryDialog {
|
||||
&-image-container {
|
||||
height: 100px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50% 50%;
|
||||
border: 1px solid #c8ccd1;
|
||||
cursor: pointer;
|
||||
background-size: contain;
|
||||
transition: border 200ms cubic-bezier( 0.39, 0.575, 0.565, 1 ), box-shadow 200ms cubic-bezier( 0.39, 0.575, 0.565, 1 );
|
||||
/* Override default padding of DraggableElement */
|
||||
/* TODO: Remove once T168745 is resolved */
|
||||
padding: 0;
|
||||
|
||||
.ve-ui-mwGalleryDialog .ve-ui-mwGalleryDialog-image-container-desktop {
|
||||
width: 100%;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
&-desktop {
|
||||
width: 100%;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
.ve-ui-mwGalleryDialog .ve-ui-mwGalleryDialog-image-container-mobile {
|
||||
width: 100px;
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
&-mobile {
|
||||
width: 100px;
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
|
||||
.ve-ui-mwGalleryDialog .ve-ui-mwGalleryDialog-image-container-highlighted {
|
||||
border-color: #36c;
|
||||
box-shadow: inset 0 0 0 0.1em #36c;
|
||||
}
|
||||
&-highlighted {
|
||||
border-color: #36c;
|
||||
box-shadow: inset 0 0 0 0.1em #36c;
|
||||
|
||||
.ve-ui-mwGalleryDialog .oo-ui-fieldsetLayout + .oo-ui-fieldsetLayout,
|
||||
.ve-ui-mwGalleryDialog-remove-button {
|
||||
margin-top: 1em;
|
||||
}
|
||||
&-image {
|
||||
background-color: #f8f9fa;
|
||||
width: 100%;
|
||||
/* Matches default height in GalleryImageInfoCache */
|
||||
height: 200px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50% 50%;
|
||||
background-size: contain;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.ve-ui-mwGalleryDialog-highlighted-image {
|
||||
background-color: #f8f9fa;
|
||||
width: 100%;
|
||||
/* Matches default height in GalleryImageInfoCache */
|
||||
height: 200px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50% 50%;
|
||||
background-size: contain;
|
||||
}
|
||||
.oo-ui-fieldsetLayout + .oo-ui-fieldsetLayout,
|
||||
&-remove-button {
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
.ve-ui-mwGalleryDialog-menuLayout-desktop > .oo-ui-menuLayout-menu {
|
||||
width: 14em;
|
||||
border-right: 1px solid #c8ccd1;
|
||||
}
|
||||
&-menuLayout-desktop {
|
||||
> .oo-ui-menuLayout-menu {
|
||||
width: 14em;
|
||||
border-right: 1px solid #c8ccd1;
|
||||
}
|
||||
|
||||
.ve-ui-mwGalleryDialog-menuLayout-mobile > .oo-ui-menuLayout-menu {
|
||||
height: calc( 102px + 2em );
|
||||
border-bottom: 1px solid #c8ccd1;
|
||||
}
|
||||
> .oo-ui-menuLayout-content {
|
||||
left: 14em;
|
||||
right: 14em;
|
||||
}
|
||||
}
|
||||
|
||||
.ve-ui-mwGalleryDialog-menuLayout-desktop > .oo-ui-menuLayout-content {
|
||||
left: 14em;
|
||||
right: 14em;
|
||||
}
|
||||
&-menuLayout-mobile {
|
||||
> .oo-ui-menuLayout-menu {
|
||||
height: calc( 102px + 2em );
|
||||
border-bottom: 1px solid #c8ccd1;
|
||||
}
|
||||
|
||||
.ve-ui-mwGalleryDialog-menuLayout-mobile > .oo-ui-menuLayout-content {
|
||||
top: calc( 102px + 2em );
|
||||
}
|
||||
> .oo-ui-menuLayout-content {
|
||||
top: calc( 102px + 2em );
|
||||
}
|
||||
}
|
||||
|
||||
.ve-ui-mwGalleryDialog-imageListMenuLayout-desktop > .oo-ui-menuLayout-content {
|
||||
bottom: 5em;
|
||||
}
|
||||
&-imageListMenuLayout {
|
||||
> .oo-ui-menuLayout-menu {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.ve-ui-mwGalleryDialog-imageListMenuLayout-mobile > .oo-ui-menuLayout-content {
|
||||
right: 4em;
|
||||
border-right: 1px solid #eaecf0;
|
||||
}
|
||||
.oo-ui-draggableGroupElement-horizontal {
|
||||
white-space: nowrap;
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
.ve-ui-mwGalleryDialog-imageListMenuLayout-mobile > .oo-ui-menuLayout-content > .oo-ui-panelLayout-scrollable {
|
||||
overflow-y: hidden;
|
||||
}
|
||||
&-desktop {
|
||||
> .oo-ui-menuLayout-content {
|
||||
bottom: 5em;
|
||||
}
|
||||
|
||||
.ve-ui-mwGalleryDialog-imageListMenuLayout > .oo-ui-menuLayout-menu {
|
||||
text-align: center;
|
||||
}
|
||||
> .oo-ui-menuLayout-menu {
|
||||
box-shadow: 0 -1px 0 0 rgba( 0, 0, 0, 0.05 );
|
||||
height: 5em;
|
||||
border-top: 1px solid #eaecf0;
|
||||
|
||||
.ve-ui-mwGalleryDialog-imageListMenuLayout-desktop > .oo-ui-menuLayout-menu {
|
||||
box-shadow: 0 -1px 0 0 rgba( 0, 0, 0, 0.05 );
|
||||
height: 5em;
|
||||
border-top: 1px solid #eaecf0;
|
||||
}
|
||||
.oo-ui-panelLayout-padded {
|
||||
/* Center the button vertically */
|
||||
padding: 0 12px;
|
||||
line-height: 5em;
|
||||
|
||||
.ve-ui-mwGalleryDialog-imageListMenuLayout-desktop > .oo-ui-menuLayout-menu .oo-ui-panelLayout-padded {
|
||||
/* Center the button vertically */
|
||||
padding: 0 12px;
|
||||
line-height: 5em;
|
||||
}
|
||||
.oo-ui-buttonElement-button {
|
||||
white-space: normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.ve-ui-mwGalleryDialog-imageListMenuLayout-desktop > .oo-ui-menuLayout-menu .oo-ui-panelLayout-padded .oo-ui-buttonElement-button {
|
||||
white-space: normal;
|
||||
}
|
||||
&-mobile {
|
||||
> .oo-ui-menuLayout-content {
|
||||
right: 4em;
|
||||
border-right: 1px solid #eaecf0;
|
||||
|
||||
.ve-ui-mwGalleryDialog-imageListMenuLayout-mobile > .oo-ui-menuLayout-menu {
|
||||
box-shadow: -1px 0 0 0 rgba( 0, 0, 0, 0.05 );
|
||||
/* stylelint-disable-next-line declaration-property-unit-disallowed-list */
|
||||
line-height: 102px;
|
||||
width: 4em;
|
||||
}
|
||||
> .oo-ui-panelLayout-scrollable {
|
||||
overflow-y: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
.ve-ui-mwGalleryDialog-imageListMenuLayout-mobile > .oo-ui-menuLayout-menu > .oo-ui-panelLayout-padded {
|
||||
padding: 1em 0;
|
||||
}
|
||||
> .oo-ui-menuLayout-menu {
|
||||
box-shadow: -1px 0 0 0 rgba( 0, 0, 0, 0.05 );
|
||||
/* stylelint-disable-next-line declaration-property-unit-disallowed-list */
|
||||
line-height: 102px;
|
||||
width: 4em;
|
||||
|
||||
.ve-ui-mwGalleryDialog-imageListMenuLayout-mobile > .oo-ui-menuLayout-menu .oo-ui-buttonElement-frameless.oo-ui-iconElement:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
> .oo-ui-panelLayout-padded {
|
||||
padding: 1em 0;
|
||||
}
|
||||
|
||||
.ve-ui-mwGalleryDialog-imageListMenuLayout .oo-ui-draggableGroupElement-horizontal {
|
||||
white-space: nowrap;
|
||||
line-height: 0;
|
||||
.oo-ui-buttonElement-frameless.oo-ui-iconElement:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,78 +5,80 @@
|
|||
* @license The MIT License (MIT); see LICENSE.txt
|
||||
*/
|
||||
|
||||
.ve-ui-mwMediaDialog-panel-imageinfo {
|
||||
padding-top: 2em;
|
||||
padding-left: 2em;
|
||||
padding-right: 2em;
|
||||
}
|
||||
.ve-ui-mwMediaDialog {
|
||||
&-panel-imageinfo {
|
||||
padding-top: 2em;
|
||||
padding-left: 2em;
|
||||
padding-right: 2em;
|
||||
|
||||
.ve-ui-mwMediaDialog-panel-imageinfo-thumb {
|
||||
text-align: center;
|
||||
}
|
||||
&-thumb {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.ve-ui-mwMediaDialog-panel-imageinfo-loadingthumb img {
|
||||
opacity: 0.8;
|
||||
}
|
||||
&-loadingthumb img {
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.ve-ui-mwMediaDialog-panel-imageinfo-info {
|
||||
padding: 1em 2em;
|
||||
}
|
||||
&-info {
|
||||
padding: 1em 2em;
|
||||
|
||||
@media ( max-width: 400px ) {
|
||||
.ve-ui-mwMediaDialog-panel-imageinfo-info {
|
||||
padding: 1em 0;
|
||||
@media ( max-width: 400px ) {
|
||||
padding: 1em 0;
|
||||
}
|
||||
}
|
||||
|
||||
&-main {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
&-portrait {
|
||||
&-thumb img {
|
||||
margin-bottom: 1em;
|
||||
max-height: none;
|
||||
}
|
||||
|
||||
&-thumb,
|
||||
&-info {
|
||||
float: left;
|
||||
}
|
||||
|
||||
&-info {
|
||||
padding-left: 2em;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
}
|
||||
|
||||
&-title {
|
||||
font-size: 1.5em;
|
||||
line-height: 1.5em;
|
||||
margin-top: -0.2em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
&-details {
|
||||
color: #54595d;
|
||||
}
|
||||
|
||||
&-separator {
|
||||
margin: 0 0.5em;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
&-altText {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
/* HACK: Override ooui specific 2em top margin */
|
||||
&-caption-fieldset.oo-ui-labelElement.oo-ui-fieldsetLayout {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
&-description-link {
|
||||
font-size: 75%;
|
||||
}
|
||||
|
||||
.mw-widget-mediaSearchWidget .oo-ui-searchWidget-results {
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.ve-ui-mwMediaDialog-panel-imageinfo-main {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
.ve-ui-mwMediaDialog-panel-imageinfo-portrait .ve-ui-mwMediaDialog-panel-imageinfo-thumb img {
|
||||
margin-bottom: 1em;
|
||||
max-height: none;
|
||||
}
|
||||
|
||||
.ve-ui-mwMediaDialog-panel-imageinfo-portrait .ve-ui-mwMediaDialog-panel-imageinfo-thumb,
|
||||
.ve-ui-mwMediaDialog-panel-imageinfo-portrait .ve-ui-mwMediaDialog-panel-imageinfo-info {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.ve-ui-mwMediaDialog-panel-imageinfo-portrait .ve-ui-mwMediaDialog-panel-imageinfo-info {
|
||||
padding-left: 2em;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.ve-ui-mwMediaDialog-panel-imageinfo-title {
|
||||
font-size: 1.5em;
|
||||
line-height: 1.5em;
|
||||
margin-top: -0.2em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
.ve-ui-mwMediaDialog-panel-imageinfo-details {
|
||||
color: #54595d;
|
||||
}
|
||||
|
||||
.ve-ui-mwMediaDialog-panel-imageinfo-separator {
|
||||
margin: 0 0.5em;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.ve-ui-mwMediaDialog-altText {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.mw-widget-mediaSearchWidget .oo-ui-searchWidget-results {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
/* HACK: Override ooui specific 2em top margin */
|
||||
.ve-ui-mwMediaDialog-caption-fieldset.oo-ui-labelElement.oo-ui-fieldsetLayout {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.ve-ui-mwMediaDialog-description-link {
|
||||
font-size: 75%;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -13,27 +13,27 @@
|
|||
width: 100%;
|
||||
border: 0;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
.ve-ui-mwLanguagesPage-languages-table th {
|
||||
border-bottom: 1px solid #c8ccd1;
|
||||
text-align: left;
|
||||
}
|
||||
th {
|
||||
border-bottom: 1px solid #c8ccd1;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.ve-ui-mwLanguagesPage-languages-table th,
|
||||
.ve-ui-mwLanguagesPage-languages-table td {
|
||||
padding: 0.75em 1em;
|
||||
border-bottom: 1px solid #fff;
|
||||
}
|
||||
th,
|
||||
td {
|
||||
padding: 0.75em 1em;
|
||||
border-bottom: 1px solid #fff;
|
||||
}
|
||||
|
||||
.ve-ui-mwLanguagesPage-languages-table tr td:first-child {
|
||||
width: 30%;
|
||||
}
|
||||
tr td:first-child {
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
.ve-ui-mwLanguagesPage-languages-table tr:nth-child( odd ) td {
|
||||
background: #eaecf0;
|
||||
}
|
||||
tr:nth-child( odd ) td {
|
||||
background: #eaecf0;
|
||||
}
|
||||
|
||||
.ve-ui-mwLanguagesPage-languages-table tr:nth-child( even ) td {
|
||||
background: #f8f9fa;
|
||||
tr:nth-child( even ) td {
|
||||
background: #f8f9fa;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -13,8 +13,8 @@
|
|||
/* Support: Blink, Gecko, Webkit */
|
||||
/* Specify a valid second value to fix size, see T176636 */
|
||||
font-family: monospace, monospace;
|
||||
}
|
||||
|
||||
.ve-ui-mwPreDialog .oo-ui-textInputWidget textarea {
|
||||
max-height: 100%;
|
||||
textarea {
|
||||
max-height: 100%;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -30,10 +30,10 @@
|
|||
border: 1px solid #c8ccd1;
|
||||
border-top: 0;
|
||||
display: none;
|
||||
}
|
||||
|
||||
&-withOptions &-options {
|
||||
display: block;
|
||||
.ve-ui-mwSaveDialog-withOptions & {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
&-checkboxes {
|
||||
|
|
@ -44,10 +44,10 @@
|
|||
display: inline-block;
|
||||
margin: 0 1.5em 0.5em 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
> .oo-ui-fieldLayout:last-child {
|
||||
margin-right: 0;
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&-withExpiry > .ve-ui-mwSaveDialog-field-wpMinoredit {
|
||||
|
|
|
|||
|
|
@ -7,53 +7,61 @@
|
|||
|
||||
.ve-ui-mwTemplateDialog .mw-widget-titleWidget-menu-withDescriptions .mw-widget-titleOptionWidget .oo-ui-labelElement-label {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.ve-ui-mwTemplateDialog .mw-widget-titleWidget-menu-withDescriptions .mw-widget-titleOptionWidget .oo-ui-labelElement-label .oo-ui-labelElement-label-highlight {
|
||||
font-weight: normal;
|
||||
.oo-ui-labelElement-label-highlight {
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
|
||||
.ve-ui-mwTemplateTitleInputWidget-redirectedfrom {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.ve-ui-mwTransclusionDialog-single-transclusion .ve-ui-mwTransclusionOutlineWidget .ve-ui-mwTransclusionOutlinePartWidget .ve-ui-mwTransclusionOutlineButtonWidget {
|
||||
display: none;
|
||||
}
|
||||
.ve-ui-mwTransclusionDialog {
|
||||
&-single-transclusion {
|
||||
.ve-ui-mwTransclusionOutlineWidget .ve-ui-mwTransclusionOutlinePartWidget .ve-ui-mwTransclusionOutlineButtonWidget {
|
||||
display: none;
|
||||
|
||||
.ve-ui-mwTransclusionDialog-single-transclusion .ve-ui-mwTransclusionOutlineWidget .ve-ui-mwTransclusionOutlinePartWidget .ve-ui-mwTransclusionOutlineTemplateWidget-sticky {
|
||||
margin-top: -8px;
|
||||
margin-bottom: 8px;
|
||||
padding-top: 8px;
|
||||
}
|
||||
&-sticky {
|
||||
margin-top: -8px;
|
||||
margin-bottom: 8px;
|
||||
padding-top: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
.ve-ui-mwTransclusionDialog-single-transclusion .ve-ui-mwTransclusionOutlineTemplateWidget-no-template-parameters {
|
||||
margin: 24px;
|
||||
}
|
||||
.ve-ui-mwTransclusionOutlineTemplateWidget-no-template-parameters {
|
||||
margin: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
.ve-ui-mwTemplateDialog.ve-ui-mwTransclusionDialog-small-screen.ve-ui-mwTransclusionDialog-expanded .oo-ui-menuLayout > .oo-ui-menuLayout-menu {
|
||||
border-right: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.ve-ui-mwTemplateDialog&-small-screen&-expanded .oo-ui-menuLayout {
|
||||
> .oo-ui-menuLayout-menu {
|
||||
border-right: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ve-ui-mwTemplateDialog.ve-ui-mwTransclusionDialog-small-screen.ve-ui-mwTransclusionDialog-expanded .oo-ui-menuLayout > .oo-ui-menuLayout-content {
|
||||
display: none;
|
||||
}
|
||||
> .oo-ui-menuLayout-content {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.ve-ui-mwTransclusionDialog-floatingHelpElement {
|
||||
position: absolute;
|
||||
right: 16px;
|
||||
bottom: 16px;
|
||||
}
|
||||
&-floatingHelpElement {
|
||||
position: absolute;
|
||||
right: 16px;
|
||||
bottom: 16px;
|
||||
}
|
||||
|
||||
.ve-ui-mwTransclusionDialog-small-screen .ve-ui-mwTransclusionDialog-floatingHelpElement {
|
||||
display: none;
|
||||
}
|
||||
&-small-screen &-floatingHelpElement {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ve-ui-mwTransclusionDialog-floatingHelpElement-fieldsetLayout label {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
&-floatingHelpElement-fieldsetLayout {
|
||||
label {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.ve-ui-mwTransclusionDialog-floatingHelpElement-fieldsetLayout .oo-ui-buttonWidget {
|
||||
width: 100%;
|
||||
.oo-ui-buttonWidget {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,15 +5,15 @@
|
|||
* @license The MIT License (MIT); see LICENSE.txt
|
||||
*/
|
||||
|
||||
.ve-init-mw-welcomeDialog-content::before {
|
||||
content: '';
|
||||
background: url( images/welcomeSplash-ltr.png ) center no-repeat;
|
||||
background-size: contain;
|
||||
display: block;
|
||||
height: 8em;
|
||||
}
|
||||
|
||||
.ve-init-mw-welcomeDialog-content {
|
||||
display: block;
|
||||
text-align: center;
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
background: url( images/welcomeSplash-ltr.png ) center no-repeat;
|
||||
background-size: contain;
|
||||
display: block;
|
||||
height: 8em;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -11,7 +11,9 @@
|
|||
}
|
||||
|
||||
/* Lack of space to indent param lists (T344181). Could be removed if sidebar layout changed. */
|
||||
.ve-ui-diffElement-attributeChange.oo-ui-labelElement .oo-ui-labelElement-label ol,
|
||||
.ve-ui-diffElement-attributeChange.oo-ui-labelElement .oo-ui-labelElement-label ul {
|
||||
margin-left: 0;
|
||||
.ve-ui-diffElement-attributeChange.oo-ui-labelElement .oo-ui-labelElement-label {
|
||||
ol,
|
||||
ul {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,29 +1,31 @@
|
|||
.ve-ui-expandableContent-collapsible {
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
margin: 0.4em 0 0.5em 0;
|
||||
transition: height 200ms;
|
||||
}
|
||||
.ve-ui-expandableContent {
|
||||
&-collapsible {
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
margin: 0.4em 0 0.5em 0;
|
||||
transition: height 200ms;
|
||||
}
|
||||
|
||||
.ve-ui-expandableContent-container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
pointer-events: none; /* Allows clicking "through" the fade effect */
|
||||
}
|
||||
&-container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
pointer-events: none; /* Allows clicking "through" the fade effect */
|
||||
}
|
||||
|
||||
.ve-ui-expandableContent-toggle {
|
||||
background-color: #fff;
|
||||
pointer-events: auto;
|
||||
}
|
||||
&-toggle {
|
||||
background-color: #fff;
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
.ve-ui-expandableContent-fade {
|
||||
background: linear-gradient( to right, rgba( 255, 255, 255, 0 ) 0, #fff 90% );
|
||||
width: 50px;
|
||||
height: 100%;
|
||||
}
|
||||
&-fade {
|
||||
background: linear-gradient( to right, rgba( 255, 255, 255, 0 ) 0, #fff 90% );
|
||||
width: 50px;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.ve-ui-expandableContent-collapsible > :last-child {
|
||||
margin-bottom: 0;
|
||||
&-collapsible > :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,30 +5,32 @@
|
|||
* @license The MIT License (MIT); see LICENSE.txt
|
||||
*/
|
||||
|
||||
.ve-ui-mwExpandableErrorElement-label {
|
||||
display: block;
|
||||
margin-right: 2.5em;
|
||||
color: #d73333;
|
||||
}
|
||||
.ve-ui-mwExpandableErrorElement {
|
||||
&-label {
|
||||
display: block;
|
||||
margin-right: 2.5em;
|
||||
color: #d73333;
|
||||
}
|
||||
|
||||
.ve-ui-mwExpandableErrorElement-label-collapsed {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
&-label-collapsed {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.ve-ui-mwExpandableErrorElement-label-expanded {
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
&-label-expanded {
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
|
||||
.ve-ui-mwExpandableErrorElement-label-not-expandable {
|
||||
white-space: nowrap;
|
||||
overflow: visible;
|
||||
text-overflow: clip;
|
||||
margin-right: 0;
|
||||
}
|
||||
&-label-not-expandable {
|
||||
white-space: nowrap;
|
||||
overflow: visible;
|
||||
text-overflow: clip;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.ve-ui-mwExpandableErrorElement-button {
|
||||
float: right;
|
||||
margin-top: -0.3em;
|
||||
&-button {
|
||||
float: right;
|
||||
margin-top: -0.3em;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -8,32 +8,32 @@
|
|||
.ve-ui-mwFloatingHelpElement {
|
||||
position: fixed;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.ve-ui-mwFloatingHelpElement .oo-ui-windowManager-floating .oo-ui-dialog {
|
||||
position: relative;
|
||||
margin-bottom: 16px;
|
||||
padding: 0;
|
||||
}
|
||||
.oo-ui-windowManager-floating .oo-ui-dialog {
|
||||
position: relative;
|
||||
margin-bottom: 16px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.ve-ui-mwFloatingHelpElement .oo-ui-windowManager-floating .oo-ui-dialog .oo-ui-window-frame {
|
||||
position: relative;
|
||||
top: 0;
|
||||
}
|
||||
.oo-ui-windowManager-floating .oo-ui-dialog .oo-ui-window-frame {
|
||||
position: relative;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.ve-ui-mwFloatingHelpElement-windowManager .oo-ui-dialog .oo-ui-panelLayout {
|
||||
padding: 16px;
|
||||
}
|
||||
&-windowManager .oo-ui-dialog .oo-ui-panelLayout {
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
.ve-ui-mwFloatingHelpElement .ve-ui-mwFloatingHelpElement-toggle {
|
||||
float: right;
|
||||
}
|
||||
&-toggle {
|
||||
float: right;
|
||||
|
||||
.ve-ui-mwFloatingHelpElement .ve-ui-mwFloatingHelpElement-toggle > .oo-ui-buttonElement-button {
|
||||
/* Same as in https://phabricator.wikimedia.org/diffusion/EGRE/browse/master/modules/ui-components/HelpPanelButton.less */
|
||||
box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.5 );
|
||||
border-radius: 50%;
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
padding: 0;
|
||||
> .oo-ui-buttonElement-button {
|
||||
/* Same as in https://phabricator.wikimedia.org/diffusion/EGRE/browse/master/modules/ui-components/HelpPanelButton.less */
|
||||
box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.5 );
|
||||
border-radius: 50%;
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -7,8 +7,8 @@
|
|||
|
||||
.ve-ui-mwAlienExtensionInspector-attributes {
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
.ve-ui-mwAlienExtensionInspector-attributes .oo-ui-textInputWidget {
|
||||
width: 100%;
|
||||
.oo-ui-textInputWidget {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -6,8 +6,8 @@
|
|||
*/
|
||||
.ve-ui-mwExtensionInspector .ve-ui-mwExtensionWindow-input {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ve-ui-mwExtensionInspector .ve-ui-mwExtensionWindow-input textarea {
|
||||
height: 8em;
|
||||
textarea {
|
||||
height: 8em;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,39 +5,43 @@
|
|||
* @license The MIT License (MIT); see LICENSE.txt
|
||||
*/
|
||||
|
||||
.ve-ui-mwLinkAnnotationInspector .ve-ui-linkAnnotationWidget .mw-widget-titleSearchWidget {
|
||||
position: relative;
|
||||
min-height: 2.4em;
|
||||
}
|
||||
.ve-ui-mwLinkAnnotationInspector {
|
||||
.ve-ui-linkAnnotationWidget {
|
||||
.mw-widget-titleSearchWidget {
|
||||
position: relative;
|
||||
min-height: 2.4em;
|
||||
|
||||
.ve-ui-mwLinkAnnotationInspector .ve-ui-linkAnnotationWidget .mw-widget-titleSearchWidget .oo-ui-searchWidget-query {
|
||||
position: static;
|
||||
padding: 0;
|
||||
height: auto;
|
||||
border: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
.oo-ui-searchWidget-query {
|
||||
position: static;
|
||||
padding: 0;
|
||||
height: auto;
|
||||
border: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.ve-ui-mwLinkAnnotationInspector .ve-ui-linkAnnotationWidget .oo-ui-textInputWidget {
|
||||
margin: 0;
|
||||
}
|
||||
.oo-ui-textInputWidget {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.ve-ui-mwLinkAnnotationInspector .ve-ui-linkAnnotationWidget .mw-widget-titleSearchWidget .oo-ui-searchWidget-results {
|
||||
position: static;
|
||||
top: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.oo-ui-searchWidget-results {
|
||||
position: static;
|
||||
top: 0;
|
||||
padding: 0;
|
||||
|
||||
.ve-ui-mwLinkAnnotationInspector .ve-ui-linkAnnotationWidget .mw-widget-titleWidget-menu:not( :empty ) {
|
||||
margin-top: 0.75em;
|
||||
}
|
||||
.mw-widget-titleWidget-menu:not( :empty ) {
|
||||
margin-top: 0.75em;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.ve-ui-mwLinkAnnotationInspector .oo-ui-tabSelectWidget-frameless {
|
||||
margin: 0 0.75em;
|
||||
}
|
||||
.oo-ui-tabSelectWidget-frameless {
|
||||
margin: 0 0.75em;
|
||||
|
||||
.ve-ui-mwLinkAnnotationInspector .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget {
|
||||
/* Prevent long sitenames from messing up the layout (T309443). */
|
||||
/* OOUI already has styles with text-overflow: ellipsis, we just need to define a width to enable it. */
|
||||
max-width: 50%;
|
||||
.oo-ui-tabOptionWidget {
|
||||
/* Prevent long sitenames from messing up the layout (T309443). */
|
||||
/* OOUI already has styles with text-overflow: ellipsis, we just need to define a width to enable it. */
|
||||
max-width: 50%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,28 +5,30 @@
|
|||
* @license The MIT License (MIT); see LICENSE.txt
|
||||
*/
|
||||
|
||||
.ve-ui-mwParameterPage-info {
|
||||
/* To collapse the top margin of the first <p> in the .ve-ui-mwParameterPage-doc below */
|
||||
margin-bottom: -0.4em;
|
||||
}
|
||||
.ve-ui-mwParameterPage {
|
||||
&-info {
|
||||
/* To collapse the top margin of the first <p> in the .ve-ui-mwParameterPage-doc below */
|
||||
margin-bottom: -0.4em;
|
||||
}
|
||||
|
||||
.ve-ui-mwParameterPage-label {
|
||||
font-size: 1.1em;
|
||||
line-height: 1.705em;
|
||||
}
|
||||
&-label {
|
||||
font-size: 1.1em;
|
||||
line-height: 1.705em;
|
||||
}
|
||||
|
||||
.ve-ui-mwParameterPage-doc {
|
||||
line-height: 1.3em;
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
&-doc {
|
||||
line-height: 1.3em;
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
|
||||
.ve-ui-mwParameterPage-inlineDescription .ve-ui-expandableContent-collapsible > :first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
&-inlineDescription .ve-ui-expandableContent-collapsible > :first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.ve-ui-mwParameterPage-doc-required,
|
||||
.ve-ui-mwParameterPage-doc-deprecated,
|
||||
.ve-ui-mwParameterPage-inlineDescription .ve-ui-mwParameterPage-doc-example {
|
||||
font-style: italic;
|
||||
color: #54595d;
|
||||
&-doc-required,
|
||||
&-doc-deprecated,
|
||||
&-inlineDescription &-doc-example {
|
||||
font-style: italic;
|
||||
color: #54595d;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,21 +5,23 @@
|
|||
* @license The MIT License (MIT); see LICENSE.txt
|
||||
*/
|
||||
|
||||
.ve-ui-mwParameterPage-inlineDescription {
|
||||
max-width: 50em;
|
||||
}
|
||||
.ve-ui-mwParameterPage {
|
||||
&-inlineDescription {
|
||||
max-width: 50em;
|
||||
}
|
||||
|
||||
.ve-ui-mwParameterPage-doc-required,
|
||||
.ve-ui-mwParameterPage-doc-deprecated,
|
||||
.ve-ui-mwParameterPage-inlineDescription .ve-ui-mwParameterPage-doc-example {
|
||||
font-style: italic;
|
||||
color: #54595d;
|
||||
}
|
||||
&-doc-required,
|
||||
&-doc-deprecated,
|
||||
&-inlineDescription &-doc-example {
|
||||
font-style: italic;
|
||||
color: #54595d;
|
||||
}
|
||||
|
||||
.ve-ui-mwParameterPage-inlineDescription > .ve-ui-expandableContent-container {
|
||||
right: 0;
|
||||
}
|
||||
&-inlineDescription > .ve-ui-expandableContent-container {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.ve-ui-mwParameterPage .oo-ui-textInputWidget textarea {
|
||||
height: 2.5em;
|
||||
.oo-ui-textInputWidget textarea {
|
||||
height: 2.5em;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,31 +5,33 @@
|
|||
* @license The MIT License (MIT); see LICENSE.txt
|
||||
*/
|
||||
|
||||
.ve-ui-mwParameterPage-label {
|
||||
display: inline;
|
||||
vertical-align: middle;
|
||||
font-weight: bold;
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
.ve-ui-mwParameterPage {
|
||||
&-label {
|
||||
display: inline;
|
||||
vertical-align: middle;
|
||||
font-weight: bold;
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
|
||||
.ve-ui-mwParameterPage-statusIndicator {
|
||||
opacity: 0.5;
|
||||
}
|
||||
&-statusIndicator {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.ve-ui-mwParameterPage-inlineDescription {
|
||||
position: relative;
|
||||
}
|
||||
&-inlineDescription {
|
||||
position: relative;
|
||||
|
||||
.ve-ui-mwParameterPage-inlineDescription > .ve-ui-expandableContent-container {
|
||||
right: 0;
|
||||
}
|
||||
> .ve-ui-expandableContent-container {
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.ve-ui-mwParameterPage-undocumentedLabel {
|
||||
margin-left: 0.4em;
|
||||
/* TODO: Use ems? */
|
||||
/* stylelint-disable-next-line declaration-property-unit-disallowed-list */
|
||||
font-size: 13px;
|
||||
font-style: italic;
|
||||
font-weight: normal;
|
||||
color: #72777d;
|
||||
&-undocumentedLabel {
|
||||
margin-left: 0.4em;
|
||||
/* TODO: Use ems? */
|
||||
/* stylelint-disable-next-line declaration-property-unit-disallowed-list */
|
||||
font-size: 13px;
|
||||
font-style: italic;
|
||||
font-weight: normal;
|
||||
color: #72777d;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -8,9 +8,9 @@
|
|||
.ve-ui-mwTemplatePage-description {
|
||||
color: #54595d;
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
|
||||
.ve-ui-mwTemplatePage-description-extra,
|
||||
.ve-ui-mwTemplatePage-description-missing {
|
||||
font-style: italic;
|
||||
&-extra,
|
||||
&-missing {
|
||||
font-style: italic;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,7 +5,9 @@
|
|||
* @license The MIT License (MIT); see LICENSE.txt
|
||||
*/
|
||||
|
||||
.ve-ui-mwTransclusionDialog-multipart-message + .oo-ui-panelLayout,
|
||||
.ve-ui-mwTransclusionDialog-multipart-message {
|
||||
margin-top: 20px;
|
||||
&,
|
||||
+ .oo-ui-panelLayout {
|
||||
margin-top: 20px;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,17 +5,21 @@
|
|||
* @license The MIT License (MIT); see LICENSE.txt
|
||||
*/
|
||||
|
||||
.ve-ui-mwTransclusionDialog-multipart-message {
|
||||
/* This top/bottom margin is meant to collapse with the next one */
|
||||
margin: 48px 0 20px 0;
|
||||
.ve-ui-mwTransclusionDialog {
|
||||
&-multipart-message {
|
||||
/* This top/bottom margin is meant to collapse with the next one */
|
||||
margin: 48px 0 20px 0;
|
||||
}
|
||||
|
||||
&-template-note {
|
||||
margin-top: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
.ve-ui-mwTwoPaneTransclusionDialogLayout-stackLayout > .oo-ui-panelLayout.ve-ui-mwParameterPage,
|
||||
.ve-ui-mwTwoPaneTransclusionDialogLayout-stackLayout > .oo-ui-panelLayout.ve-ui-mwAddParameterPage {
|
||||
/* Tighter margins within a group of parameters. */
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.ve-ui-mwTransclusionDialog-template-note {
|
||||
margin-top: 16px;
|
||||
.ve-ui-mwTwoPaneTransclusionDialogLayout-stackLayout > .oo-ui-panelLayout {
|
||||
&.ve-ui-mwParameterPage,
|
||||
&.ve-ui-mwAddParameterPage {
|
||||
/* Tighter margins within a group of parameters. */
|
||||
margin-top: 20px;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -8,8 +8,8 @@
|
|||
.ve-ui-mwTransclusionContentPage .oo-ui-textInputWidget {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ve-ui-mwTransclusionContentPage .oo-ui-textInputWidget textarea {
|
||||
height: 2.5em;
|
||||
textarea {
|
||||
height: 2.5em;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -7,35 +7,37 @@
|
|||
|
||||
/* stylelint-disable selector-class-pattern */
|
||||
|
||||
.ve-ui-mwAceEditorWidget .ace_editor {
|
||||
border: 1px solid #c8ccd1;
|
||||
margin: 1px;
|
||||
/* Support: Blink, Gecko, Webkit */
|
||||
/* Specify a valid second value to fix size, see T176636 */
|
||||
font-family: monospace, monospace;
|
||||
font-size: inherit;
|
||||
line-height: 1.5;
|
||||
/* Allow tooptip outside of editor */
|
||||
overflow: visible;
|
||||
}
|
||||
.ve-ui-mwAceEditorWidget {
|
||||
.ace_editor {
|
||||
border: 1px solid #c8ccd1;
|
||||
margin: 1px;
|
||||
/* Support: Blink, Gecko, Webkit */
|
||||
/* Specify a valid second value to fix size, see T176636 */
|
||||
font-family: monospace, monospace;
|
||||
font-size: inherit;
|
||||
line-height: 1.5;
|
||||
/* Allow tooptip outside of editor */
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.ve-ui-mwAceEditorWidget .ace_tooltip {
|
||||
/* Make tooltip into status bar, as position is broken in Ace */
|
||||
top: auto !important; /* stylelint-disable-line declaration-no-important */
|
||||
bottom: -23px !important; /* stylelint-disable-line declaration-no-important */
|
||||
left: 0 !important; /* stylelint-disable-line declaration-no-important */
|
||||
white-space: pre-wrap;
|
||||
position: absolute;
|
||||
}
|
||||
.ace_tooltip {
|
||||
/* Make tooltip into status bar, as position is broken in Ace */
|
||||
top: auto !important; /* stylelint-disable-line declaration-no-important */
|
||||
bottom: -23px !important; /* stylelint-disable-line declaration-no-important */
|
||||
left: 0 !important; /* stylelint-disable-line declaration-no-important */
|
||||
white-space: pre-wrap;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.ve-ui-mwAceEditorWidget .ace_focus {
|
||||
/* TODO: Move to mediawiki theme only */
|
||||
border-color: #36c;
|
||||
/* HACK: Make border grow out as inset doesn't overlap absolute positioned children */
|
||||
border-width: 2px;
|
||||
margin: 0;
|
||||
}
|
||||
.ace_focus {
|
||||
/* TODO: Move to mediawiki theme only */
|
||||
border-color: #36c;
|
||||
/* HACK: Make border grow out as inset doesn't overlap absolute positioned children */
|
||||
border-width: 2px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.ve-ui-mwAceEditorWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .ace_editor {
|
||||
border-color: #d73333;
|
||||
&.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .ace_editor {
|
||||
border-color: #d73333;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -9,12 +9,12 @@
|
|||
width: 15em;
|
||||
margin-bottom: 0.5em;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.ve-ui-mwCategoryInputWidget input {
|
||||
line-height: 1.35em;
|
||||
}
|
||||
input {
|
||||
line-height: 1.35em;
|
||||
}
|
||||
|
||||
.ve-ui-mwCategoryWidget.oo-ui-draggableGroupElement-dragging .ve-ui-mwCategoryInputWidget {
|
||||
opacity: 0.5;
|
||||
.ve-ui-mwCategoryWidget.oo-ui-draggableGroupElement-dragging & {
|
||||
opacity: 0.5;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -8,9 +8,9 @@
|
|||
.ve-ui-mwCategoryItemWidget {
|
||||
margin: 0 0.5em 0.5em 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* stylelint-disable-next-line selector-class-pattern */
|
||||
.ve-ui-mwCategoryItemWidget .oo-ui-labelElement-label.new {
|
||||
color: #d73333;
|
||||
/* stylelint-disable-next-line selector-class-pattern */
|
||||
.oo-ui-labelElement-label.new {
|
||||
color: #d73333;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -7,42 +7,42 @@
|
|||
|
||||
.ve-ui-mwCategoryPopupWidget {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.ve-ui-mwCategoryPopupWidget-content {
|
||||
padding: 0.75em 0.5em;
|
||||
}
|
||||
&-content {
|
||||
padding: 0.75em 0.5em;
|
||||
}
|
||||
|
||||
.ve-ui-mwCategoryPopupWidget .oo-ui-buttonElement-frameless {
|
||||
display: block;
|
||||
float: left;
|
||||
}
|
||||
.oo-ui-buttonElement-frameless {
|
||||
display: block;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.ve-ui-mwCategoryPopupWidget label {
|
||||
opacity: 0.8;
|
||||
display: block;
|
||||
}
|
||||
label {
|
||||
opacity: 0.8;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.ve-ui-mwCategoryPopupWidget-title {
|
||||
background-position: left center;
|
||||
background-repeat: no-repeat;
|
||||
padding: 0.5em 0.5em 0.5em 2.25em;
|
||||
margin: -0.4em 0 1em 0.125em;
|
||||
}
|
||||
&-title {
|
||||
background-position: left center;
|
||||
background-repeat: no-repeat;
|
||||
padding: 0.5em 0.5em 0.5em 2.25em;
|
||||
margin: -0.4em 0 1em 0.125em;
|
||||
}
|
||||
|
||||
.ve-ui-mwCategoryPopupWidget-removeButton {
|
||||
position: absolute;
|
||||
margin-right: 2px;
|
||||
padding: 0.5em;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
&-removeButton {
|
||||
position: absolute;
|
||||
margin-right: 2px;
|
||||
padding: 0.5em;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.ve-ui-mwCategoryPopupWidget-sortKeyForm {
|
||||
padding: 0.5em;
|
||||
display: block;
|
||||
}
|
||||
&-sortKeyForm {
|
||||
padding: 0.5em;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.ve-ui-mwCategoryPopupWidget-sortKeyForm .oo-ui-labelWidget {
|
||||
padding: 0 0.125em 0.5em 0.125em;
|
||||
&-sortKeyForm .oo-ui-labelWidget {
|
||||
padding: 0 0.125em 0.5em 0.125em;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -8,15 +8,15 @@
|
|||
.ve-ui-mwCategoryWidget {
|
||||
/* So we can measure relative offsets of the category items */
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ve-ui-mwCategoryWidget-items {
|
||||
/* MDN claims we need to use word-wrap: break-word; and that it's been renamed to
|
||||
* overflow-wrap: break-word; , but the only thing that actually works in practice is
|
||||
* word-break: break-word; (which is not documented in any standard at all). So we just use
|
||||
* all three.
|
||||
*/
|
||||
word-break: break-word;
|
||||
word-wrap: break-word;
|
||||
overflow-wrap: break-word;
|
||||
&-items {
|
||||
/* MDN claims we need to use word-wrap: break-word; and that it's been renamed to
|
||||
* overflow-wrap: break-word; , but the only thing that actually works in practice is
|
||||
* word-break: break-word; (which is not documented in any standard at all). So we just use
|
||||
* all three.
|
||||
*/
|
||||
word-break: break-word;
|
||||
word-wrap: break-word;
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -7,31 +7,31 @@
|
|||
|
||||
.ve-ui-educationPopup {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ve-ui-educationPopup > .mw-pulsating-dot {
|
||||
pointer-events: none;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
z-index: 1;
|
||||
}
|
||||
> .mw-pulsating-dot {
|
||||
pointer-events: none;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
z-index: 1;
|
||||
|
||||
.oo-ui-widget-disabled .mw-pulsating-dot {
|
||||
/* Don't show while container is (e.g. surface loading) */
|
||||
/* stylelint-disable-next-line declaration-no-important */
|
||||
display: none !important;
|
||||
}
|
||||
.oo-ui-widget-disabled & {
|
||||
/* Don't show while container is (e.g. surface loading) */
|
||||
/* stylelint-disable-next-line declaration-no-important */
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.ve-ui-educationPopup-dismiss {
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
&-dismiss {
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
|
||||
.ve-ui-educationPopup .oo-ui-popupWidget {
|
||||
/* Appear above local dialogs, e.g. toolbar dialog */
|
||||
z-index: 3;
|
||||
}
|
||||
.oo-ui-popupWidget {
|
||||
/* Appear above local dialogs, e.g. toolbar dialog */
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.ve-ui-educationPopup .oo-ui-popupWidget-body {
|
||||
padding: 1em;
|
||||
.oo-ui-popupWidget-body {
|
||||
padding: 1em;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -7,39 +7,39 @@
|
|||
|
||||
.ve-ui-mwMediaInfoFieldWidget {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ve-ui-mwMediaInfoFieldWidget.oo-ui-iconElement .ve-ui-mwMediaInfoFieldWidget-icon {
|
||||
margin: 0.05em;
|
||||
position: absolute;
|
||||
top: auto;
|
||||
opacity: 0.5;
|
||||
}
|
||||
&.oo-ui-iconElement &-icon {
|
||||
margin: 0.05em;
|
||||
position: absolute;
|
||||
top: auto;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.ve-ui-mwMediaInfoFieldWidget-text {
|
||||
word-break: break-word;
|
||||
word-wrap: break-word;
|
||||
overflow-wrap: break-word;
|
||||
overflow: hidden;
|
||||
transition: max-height 0.5s ease-in;
|
||||
}
|
||||
&-text {
|
||||
word-break: break-word;
|
||||
word-wrap: break-word;
|
||||
overflow-wrap: break-word;
|
||||
overflow: hidden;
|
||||
transition: max-height 0.5s ease-in;
|
||||
}
|
||||
|
||||
.ve-ui-mwMediaInfoFieldWidget-readmore {
|
||||
height: 2em;
|
||||
width: 100%;
|
||||
padding-top: 1em;
|
||||
margin-top: -2em;
|
||||
background: linear-gradient( to bottom, rgba( 255, 255, 255, 0 ) 0, #fff 50% );
|
||||
}
|
||||
&-readmore {
|
||||
height: 2em;
|
||||
width: 100%;
|
||||
padding-top: 1em;
|
||||
margin-top: -2em;
|
||||
background: linear-gradient( to bottom, rgba( 255, 255, 255, 0 ) 0, #fff 50% );
|
||||
}
|
||||
|
||||
.ve-ui-mwMediaInfoFieldWidget.oo-ui-iconElement .oo-ui-labelElement-label {
|
||||
display: block;
|
||||
padding: 0.3em 0 0.1em 2.2em;
|
||||
line-height: 1.25em;
|
||||
}
|
||||
&.oo-ui-iconElement .oo-ui-labelElement-label {
|
||||
display: block;
|
||||
padding: 0.3em 0 0.1em 2.2em;
|
||||
line-height: 1.25em;
|
||||
}
|
||||
|
||||
.ve-ui-mwMediaInfoFieldWidget-description {
|
||||
display: block;
|
||||
line-height: 1.25em;
|
||||
overflow-y: hidden;
|
||||
&-description {
|
||||
display: block;
|
||||
line-height: 1.25em;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue