wikimedia/mediawiki-extensions-Math
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/extensions/Math synced 2024-11-23 23:25:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

MWLatexDialog: Nest LESS

Browse source 
Change-Id: If581265ff92fae05e2e8e9ce38d7b56a20d3ed48
This commit is contained in:
Ed Sanders 2024-03-19 18:47:41 +00:00
parent 183c6907cd
commit 0763ca3ba8
1 changed files with 74 additions and 66 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

140
modules/ve-math/ve.ui.MWLatexDialog.less
View file

@ -5,86 +5,94 @@
* @license MIT
*/
.ve-ui-mwLatexDialog-content .oo-ui-bookletLayout-stackLayout {
padding: 0.5em;
}
.ve-ui-mwLatexDialog {
&-content {
.oo-ui-bookletLayout-stackLayout {
padding: 0.5em;
.ve-ui-mwLatexDialog-content .oo-ui-bookletLayout-stackLayout h3 {
margin: 0 0 0.5em 0;
color: #888;
font-weight: normal;
font-size: 1em;
}
h3 {
margin: 0 0 0.5em 0;
color: #888;
font-weight: normal;
font-size: 1em;
}
}
.ve-ui-mwLatexDialog-content .oo-ui-textInputWidget {
max-width: none;
}
.oo-ui-textInputWidget {
max-width: none;
}
}
.ve-ui-mwLatexDialog-menuLayout > .oo-ui-menuLayout-content {
border-bottom: 1px solid #e6e6e6;
box-shadow: 0 1px 0 0 rgba( 0, 0, 0, 0.05 );
overflow: auto;
}
&-menuLayout {
> .oo-ui-menuLayout-content {
border-bottom: 1px solid #e6e6e6;
box-shadow: 0 1px 0 0 rgba( 0, 0, 0, 0.05 );
overflow: auto;
}
.ve-ui-mwLatexDialog-menuLayout-short .oo-ui-menuLayout-menu {
height: 10em;
}
&-short {
.oo-ui-menuLayout-menu {
height: 10em;
}
.ve-ui-mwLatexDialog-menuLayout-short .oo-ui-menuLayout-content {
bottom: 10em;
}
.oo-ui-menuLayout-content {
bottom: 10em;
}
}
}
.ve-ui-mwLatexDialog-preview {
text-align: center;
line-height: 8em;
height: 8em;
}
&-preview {
text-align: center;
line-height: 8em;
height: 8em;
.ve-ui-mwLatexDialog-menuLayout-short .ve-ui-mwLatexDialog-preview {
line-height: 5em;
height: 5em;
}
.ve-ui-mwLatexDialog-menuLayout-short & {
line-height: 5em;
height: 5em;
}
/* Reset line height for error messages */
.ve-ui-mwLatexDialog-preview > p {
line-height: 1.6;
}
> p {
/* Reset line height for error messages */
line-height: 1.6;
}
/* Ensures the preview image is vertically centred */
.ve-ui-mwLatexDialog-preview .mwe-math-fallback-image-display {
display: inline-block;
}
.mwe-math-fallback-image-display {
/* Ensures the preview image is vertically centred */
display: inline-block;
}
}
.ve-ui-mwLatexDialog-symbol {
background-position: center;
background-repeat: no-repeat;
}
&-symbol {
background-position: center;
background-repeat: no-repeat;
.ve-ui-mwLatexDialog-symbol-wide {
/* 2(symbol width) + margin */
width: 3.7em;
}
&-wide {
/* 2(symbol width) + margin */
width: 3.7em;
}
.ve-ui-mwLatexDialog-symbol-wider {
/* 2.5(symbol width) + 1.5(margin) */
width: 4.65em;
}
&-wider {
/* 2.5(symbol width) + 1.5(margin) */
width: 4.65em;
}
.ve-ui-mwLatexDialog-symbol-widest {
/* 3(symbol width) + 2(margin) */
width: 5.6em;
}
&-widest {
/* 3(symbol width) + 2(margin) */
width: 5.6em;
}
.ve-ui-mwLatexDialog-symbol-contain {
background-size: contain;
}
&-contain {
background-size: contain;
}
.ve-ui-mwLatexDialog-symbol-largeLayout {
height: 3.7em;
width: 4.65em;
}
&-largeLayout {
height: 3.7em;
width: 4.65em;
.ve-ui-mwLatexDialog-symbol-largeLayout.ve-ui-mwLatexDialog-symbol-wide {
/* 5(symbol width) + 4(margin) */
width: 9.4em;
&.ve-ui-mwLatexDialog-symbol-wide {
/* 5(symbol width) + 4(margin) */
width: 9.4em;
}
}
}
}