Split ve.ui.MWMathPage.css from ve.ui.MWMathDialog.css

There are separate JS files for them, so the CSS should be separate, too.

This is a part of the refactoring that is required for bug T153365.

Change-Id: Iadbe5eeccff25ed1d184658945a4eb52e465d863
This commit is contained in:
Amire80 2017-01-11 19:44:31 -08:00
parent f8ceb1d495
commit 48a5a0a7e8
3 changed files with 59 additions and 57 deletions

View File

@ -161,6 +161,7 @@
"ve-math/ve.ce.MWMathNode.css",
"ve-math/ve.ui.MWMathIcons.css",
"ve-math/ve.ui.MWMathInspector.css",
"ve-math/ve.ui.MWMathPage.css",
"ve-math/ve.ui.MWMathDialog.css"
],
"dependencies": [

View File

@ -34,58 +34,6 @@
bottom: 10em;
}
.ve-ui-mwMathPage-symbol {
background-position: center;
background-repeat: no-repeat;
cursor: pointer;
font-size: 1.5em;
width: 1.8em;
height: 1.8em;
display: inline-block;
vertical-align: middle;
margin: 0 0.1em 0.1em 0;
box-sizing: border-box;
border: 1px solid #e6e6e6;
/* stylelint-disable no-unsupported-browser-features */
-webkit-transition: border-color 200ms;
-moz-transition: border-color 200ms;
transition: border-color 200ms;
/* stylelint-enable no-unsupported-browser-features */
}
.ve-ui-mwMathPage-symbol-wide {
/* 2(symbol width) + margin */
width: 3.7em;
}
.ve-ui-mwMathPage-symbol-wider {
/* 2.5(symbol width) + 1.5(margin) */
width: 4.65em;
}
.ve-ui-mwMathPage-symbol-widest {
/* 3(symbol width) + 2(margin) */
width: 5.6em;
}
.ve-ui-mwMathPage-symbol-contain {
background-size: contain; /* stylelint-disable-line no-unsupported-browser-features */
}
.ve-ui-mwMathPage-symbol-largeLayout {
height: 3.7em;
width: 4.65em;
}
.ve-ui-mwMathPage-symbol-largeLayout.ve-ui-mwMathPage-symbol-wide {
/* 5(symbol width) + 4(margin) */
width: 9.4em;
}
.ve.ui.mwMathPage-symbol:hover {
border-color: #ccc;
}
.ve-ui-mwMathDialog-preview {
text-align: center;
line-height: 10em;
@ -101,8 +49,3 @@
.ve-ui-mwMathDialog-preview .mwe-math-fallback-image-display {
display: inline-block;
}
.ve-ui-mwMathPage-outline {
padding: 0.5em;
color: #555;
}

View File

@ -0,0 +1,58 @@
/*!
* VisualEditor UserInterface MWMathPage styles.
*
* @copyright 2011-2015 VisualEditor Team and others; see AUTHORS.txt
* @license The MIT License (MIT); see LICENSE.txt
*/
.ve-ui-mwMathPage-symbol {
background-position: center;
background-repeat: no-repeat;
cursor: pointer;
font-size: 1.5em;
width: 1.8em;
height: 1.8em;
display: inline-block;
vertical-align: middle;
margin: 0 0.1em 0.1em 0;
box-sizing: border-box;
border: 1px solid #e6e6e6;
/* stylelint-disable no-unsupported-browser-features */
-webkit-transition: border-color 200ms;
-moz-transition: border-color 200ms;
transition: border-color 200ms;
/* stylelint-enable no-unsupported-browser-features */
}
.ve-ui-mwMathPage-symbol-wide {
/* 2(symbol width) + margin */
width: 3.7em;
}
.ve-ui-mwMathPage-symbol-wider {
/* 2.5(symbol width) + 1.5(margin) */
width: 4.65em;
}
.ve-ui-mwMathPage-symbol-widest {
/* 3(symbol width) + 2(margin) */
width: 5.6em;
}
.ve-ui-mwMathPage-symbol-contain {
background-size: contain; /* stylelint-disable-line no-unsupported-browser-features */
}
.ve-ui-mwMathPage-symbol-largeLayout {
height: 3.7em;
width: 4.65em;
}
.ve-ui-mwMathPage-symbol-largeLayout.ve-ui-mwMathPage-symbol-wide {
/* 5(symbol width) + 4(margin) */
width: 9.4em;
}
.ve.ui.mwMathPage-symbol:hover {
border-color: #ccc;
}