VE styles

Positioned toolbar properly for all modes.
Added icon to ve-edit, and new icon for edit source.
Yadda.

Toolbar does not work properly at low resolutions. This is a VE problem.
Cactions do not work with editor open. This is a VE problem.

bug: T161462
Change-Id: Ie5f4732f49f2dc365f5a3cc0c4b0e21444c21d1f
isekai
Isarra 8 years ago
parent 51ad44c60a
commit adf906a297

@ -0,0 +1,25 @@
@import "../variables.less";
@media screen {
.client-js {
.mw-editsection a {
.background-image-svg('../images/brackets-grey.svg', '../images/brackets-grey.png');
margin-right: 1.25em;
}
.mw-editsection a.mw-editsection-visualeditor {
.background-image-svg('../images/pencil-grey.svg', '../images/pencil-grey.png');
}
.mw-editsection-divider {
display: none;
}
@media (max-width: @mobile-width) {
#ca-ve-edit a {
.background-image-svg('../images/pencil-grey.svg', '../images/pencil-grey.png');
}
#ca-edit a {
.background-image-svg('../images/brackets-grey.svg', '../images/brackets-grey.png');
}
}
}
}

@ -0,0 +1,29 @@
@import "../variables.less";
@media screen {
.ve-ui-toolbar {
margin: -.8em -2em 0;
}
// Still need a way to make it show up right away (instead of initially disappearin under the page header)
.ve-ui-toolbar-floating > .oo-ui-toolbar-bar {
top: @fixed-header-height + @color-height;
}
// Apparently the margin is normally removed/negated elsewhere in other skins (T162493)
.ve-ce-documentNode {
padding: 0.94em 1.88em;
margin: auto -1.88em;
}
@media (min-width: @desktop-small-floor) and (max-width: @desktop-small-width) {
.ve-ui-toolbar {
margin-top: -.5em;
}
}
@media (max-width: @mobile-width) {
.ve-ui-toolbar-floating > .oo-ui-toolbar-bar {
top: 0;
}
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 193 B

@ -0,0 +1,47 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
id="svg4570"
version="1.1"
viewBox="0 0 5.2916665 5.2916665"
height="5.2916665mm"
width="5.2916665mm">
<defs
id="defs4564" />
<metadata
id="metadata4567">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
transform="translate(-108.66815,-132.58035)"
id="layer1">
<path
id="path4530"
d="m 109.19732,133.37411 h 0.79375 v 0.26458 h -0.26458 v 3.175 h 0.26458 v 0.26458 h -0.79375 z"
style="fill:#aaaaaa;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
<path
id="path4532"
d="m 113.43065,133.37411 v 3.70416 h -0.79375 v -0.26458 h 0.26459 v -3.175 h -0.26459 v -0.26458 z"
style="fill:#aaaaaa;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
<path
id="path4530-7"
d="m 110.25565,133.37411 h 0.79375 v 0.26458 h -0.26458 v 3.175 h 0.26458 v 0.26458 h -0.79375 z"
style="fill:#aaaaaa;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
<path
id="path4532-5"
d="m 112.37232,133.37411 v 3.70416 h -0.79375 v -0.26458 h 0.26458 v -3.175 h -0.26458 v -0.26458 z"
style="fill:#aaaaaa;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.0 KiB

@ -12,7 +12,7 @@
version="1.1"
viewBox="0 0 20.015762 20.015762"
id="svg4136"
inkscape:version="0.91 r13725"
inkscape:version="0.92.0 r"
sodipodi:docname="editing icons.svg"
inkscape:export-filename="/media/shintaiden/home/rahah/mediawiki/skins/Timeless/resources/images/gear-large-grey.png"
inkscape:export-xdpi="90"
@ -25,7 +25,7 @@
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
<dc:title />
</cc:Work>
</rdf:RDF>
</metadata>
@ -43,12 +43,12 @@
inkscape:window-width="2492"
inkscape:window-height="2034"
id="namedview4144"
showgrid="false"
inkscape:zoom="8.4344705"
inkscape:cx="-10.159905"
inkscape:cy="12.402323"
inkscape:window-x="3225"
inkscape:window-y="43"
showgrid="true"
inkscape:zoom="4.2172353"
inkscape:cx="1.5845383"
inkscape:cy="4.9358551"
inkscape:window-x="3586"
inkscape:window-y="92"
inkscape:window-maximized="0"
inkscape:current-layer="svg4136"
inkscape:snap-bbox="true"
@ -181,20 +181,19 @@
<path
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:15.01182175px;line-height:125%;font-family:'Linux Biolinum';-inkscape-font-specification:'Linux Biolinum Bold';letter-spacing:1.00078809px;word-spacing:0px;fill:#aaaaaa;fill-opacity:1;stroke:#aaaaaa;stroke-width:0.19999999;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="M 5.1601562 2.2402344 C 3.7201563 5.5702344 2.2513281 8.7650781 0.73632812 12.080078 C 0.91632812 12.035078 1.4111719 12.035156 1.5761719 12.035156 C 1.7411719 12.035156 2.07 12.035078 2.25 12.080078 C 2.475 11.195078 2.9255469 10.01 3.4355469 8.75 C 4.0055469 8.735 4.8896875 8.71875 5.4296875 8.71875 C 5.9096875 8.71875 6.4210156 8.735 6.9160156 8.75 C 7.6210156 10.64 7.9510156 11.765078 8.0410156 12.080078 C 8.2960156 12.035078 9.0008594 12.035156 9.2558594 12.035156 C 9.5108594 12.035156 10.366094 12.035078 10.621094 12.080078 C 9.8710938 10.565078 7.7997656 5.5252344 6.5097656 2.2402344 L 5.1601562 2.2402344 z M 5.1894531 4.625 L 5.28125 4.625 C 5.80625 5.855 6.2396094 6.9651563 6.5996094 7.9101562 C 6.1796094 7.9251562 5.7004687 7.9238281 5.3554688 7.9238281 C 4.9204688 7.9238281 4.26125 7.9251562 3.78125 7.9101562 L 5.1894531 4.625 z "
transform="scale(1.0007881,1.0007881)"
id="text4369" />
id="text4369"
transform="scale(1.0007881,1.0007881)" />
<path
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16.26280785px;line-height:125%;font-family:KaiTi;-inkscape-font-specification:KaiTi;letter-spacing:1.00078809px;word-spacing:0px;fill:#aaaaaa;fill-opacity:1;stroke:#aaaaaa;stroke-width:0.19999999;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="M 11.738281 5.2675781 C 11.674805 5.2781576 11.632487 5.3134766 11.611328 5.3769531 C 11.526693 5.4615885 11.526693 5.6529948 11.611328 5.9492188 C 11.738281 6.203125 11.738281 6.9003906 11.611328 8.0429688 C 11.061198 8.1276042 10.573568 8.1920573 10.150391 8.234375 L 9.0722656 8.234375 C 8.6914062 8.1920573 8.5221354 8.234375 8.5644531 8.3613281 C 8.6490885 8.4882813 8.8808594 8.593099 9.2617188 8.6777344 C 9.6425781 8.7623698 9.9811198 8.8046875 10.277344 8.8046875 C 10.615885 8.8046875 11.039062 8.7845052 11.546875 8.7421875 C 11.504557 9.6308594 11.46224 10.455078 11.419922 11.216797 C 9.7695312 12.401693 8.7539063 13.439453 8.3730469 14.328125 C 8.0345052 15.216797 7.9921875 15.914062 8.2460938 16.421875 C 8.5 16.88737 8.7760416 17.141276 9.0722656 17.183594 C 9.4108073 17.225911 9.7272135 17.205729 10.023438 17.121094 C 10.319661 16.994141 10.615885 16.82487 10.912109 16.613281 C 11.250651 16.359375 11.589193 16.063151 11.927734 15.724609 C 12.266276 16.528646 12.5625 16.929688 12.816406 16.929688 C 13.070313 16.88737 13.239583 16.802734 13.324219 16.675781 C 13.408854 16.50651 13.346354 16.317057 13.134766 16.105469 C 12.965495 15.89388 12.774089 15.555339 12.5625 15.089844 C 13.070313 14.370443 13.49349 13.693359 13.832031 13.058594 C 14.170573 12.423828 14.466797 11.662109 14.720703 10.773438 C 15.778646 10.73112 16.5625 10.920573 17.070312 11.34375 C 17.620443 11.766927 17.936849 12.339193 18.021484 13.058594 C 18.10612 13.735677 17.979167 14.41276 17.640625 15.089844 C 17.302083 15.724609 16.794271 16.294922 16.117188 16.802734 C 15.397786 17.268229 14.678385 17.606771 13.958984 17.818359 C 13.281901 18.072266 12.965495 18.241536 13.007812 18.326172 C 13.007812 18.36849 13.366536 18.30599 14.085938 18.136719 C 14.847656 18.009766 15.609375 17.733724 16.371094 17.310547 C 17.132813 16.845052 17.705078 16.317057 18.085938 15.724609 C 18.509115 15.089844 18.763021 14.47526 18.847656 13.882812 C 18.932292 13.248047 18.889974 12.697917 18.720703 12.232422 C 18.551432 11.724609 18.255208 11.323568 17.832031 11.027344 C 17.408854 10.688802 16.943359 10.477214 16.435547 10.392578 C 15.970052 10.265625 15.419922 10.201172 14.785156 10.201172 C 14.869792 9.8203125 14.742839 9.5664063 14.404297 9.4394531 C 14.065755 9.3125 13.896484 9.3548177 13.896484 9.5664062 C 13.938802 9.7356771 13.958984 9.969401 13.958984 10.265625 C 13.366536 10.392578 12.753906 10.604167 12.119141 10.900391 C 12.161458 10.18099 12.223958 9.4192709 12.308594 8.6152344 C 14.636068 7.9804687 15.885417 7.577474 16.054688 7.4082031 C 16.223958 7.2389323 16.159505 7.0917969 15.863281 6.9648438 C 15.567057 6.8378906 15.166016 6.9003906 14.658203 7.1542969 C 14.150391 7.3658854 13.388672 7.5996094 12.373047 7.8535156 C 12.457682 7.0494791 12.584635 6.5416667 12.753906 6.3300781 C 12.965495 6.0761719 12.965495 5.8645833 12.753906 5.6953125 C 12.5 5.4837239 12.246094 5.3567708 11.992188 5.3144531 C 11.886393 5.2721354 11.801758 5.2569987 11.738281 5.2675781 z M 13.896484 10.900391 C 13.515625 12.169922 12.965495 13.290365 12.246094 14.263672 C 12.161458 13.544271 12.119141 12.677734 12.119141 11.662109 C 12.711589 11.28125 13.304036 11.027344 13.896484 10.900391 z M 11.484375 12.042969 C 11.484375 13.439453 11.546875 14.41276 11.673828 14.962891 C 10.996745 15.724609 10.488932 16.190104 10.150391 16.359375 C 9.7695312 16.486328 9.4309896 16.486328 9.1347656 16.359375 C 8.8808594 16.232422 8.796224 15.89388 8.8808594 15.34375 C 8.9231771 14.79362 9.1992187 14.221354 9.7070312 13.628906 C 10.214844 13.036458 10.807292 12.508464 11.484375 12.042969 z "
transform="scale(1.0007881,1.0007881)"
id="text4375" />
id="text4375"
transform="scale(1.0007881,1.0007881)" />
<text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:15.01182175px;line-height:125%;font-family:'Linux Biolinum';-inkscape-font-specification:'Linux Biolinum Bold';letter-spacing:1.00078809px;word-spacing:0px;fill:#aaaaaa;fill-opacity:1;stroke:none;stroke-width:0.20015761;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;"
x="1.9470317"
y="-33.133198"
id="text4369-7"
sodipodi:linespacing="125%"><tspan
id="text4369-7"><tspan
style="stroke-width:0.20015761;stroke:none;"
sodipodi:role="line"
id="tspan4371-6"
@ -210,11 +209,41 @@
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16.26280785px;line-height:125%;font-family:KaiTi;-inkscape-font-specification:KaiTi;letter-spacing:1.00078809px;word-spacing:0px;fill:#aaaaaa;fill-opacity:1;stroke:none;stroke-width:0.20015761;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;"
x="6.9057579"
y="-8.7059155"
id="text4375-9"
sodipodi:linespacing="125%"><tspan
id="text4375-9"><tspan
style="stroke-width:0.20015761;stroke:none;"
sodipodi:role="line"
id="tspan4377-5"
x="6.9057579"
y="-8.7059155">あ</tspan></text>
<rect
style="opacity:0.4;fill:#666666;fill-opacity:0.58823529;fill-rule:evenodd;stroke:none;stroke-width:1.00078809;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect4510-6"
width="20.015762"
height="20.015762"
x="-105.08275"
y="-1.6e-06" />
<path
style="fill:#aaaaaa;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.00078809px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m -103.08117,3.0023627 h 3.00236 v 1.0007881 h -1.00079 V 16.012608 h 1.00079 v 1.000788 h -3.00236 z"
id="path4530"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccccccc" />
<path
style="fill:#aaaaaa;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.00078809px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M -87.068565,3.0023627 V 17.013396 h -3.002364 v -1.000788 h 1.000788 V 4.0031508 h -1.000788 V 3.0023627 Z"
id="path4532"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccccccc" />
<path
style="fill:#aaaaaa;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.00078809px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m -99.078022,3.0023627 h 3.002364 v 1.0007881 h -1.000794 V 16.012608 h 1.000794 v 1.000788 h -3.002364 z"
id="path4530-7"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccccccc" />
<path
style="fill:#aaaaaa;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.00078809px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M -91.071717,3.0023627 V 17.013396 h -3.002364 v -1.000788 h 1.000788 V 4.0031508 h -1.000788 V 3.0023627 Z"
id="path4532-5"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccccccc" />
</svg>

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 19 KiB

@ -454,7 +454,6 @@ table.wikitable > * > tr > th {
.color-bar {
width: 100%;
}
@color-height: 4px;
.color-left {
height: @color-height;
background: @red-dark;

@ -51,10 +51,14 @@
// Widths
// Remember to also update skin.json (and possibly mobile.js) if you change these
// These are all max widths; get the min by subtrcting 1px from the previous thing.
// For some reason doing @mobile-width + 1px doesn't seem to actually work,
// so we need both for each thing
@mobile-width: 850px;
@desktop-small-floor: 851px;
@desktop-small-width: 1099px;
@desktop-mid-floor: 1100px;
@desktop-mid-width: 1339px;
@desktop-large-floor: 1340px;
// The max-width for the content
@content-width: 100em;
@ -65,7 +69,7 @@
@column-right-size: 16em;
@fixed-header-height: 3.125em;
@color-height: .35em;
// Miscellaneous functions

@ -74,6 +74,12 @@
"localBasePath": "",
"remoteSkinPath": "Timeless"
},
"ResourceModuleSkinStyles": {
"timeless": {
"+ext.visualEditor.core": "resources/extensions/VisualEditor.core.less",
"+ext.visualEditor.desktopArticleTarget.noscript": "resources/extensions/VisualEditor.article.less"
}
},
"AutoloadClasses": {
"SkinTimeless": "Timeless.skin.php",
"TimelessTemplate": "TimelessTemplate.php"

Loading…
Cancel
Save