From d302cb2de8744325c2cebda60069cc44c15d7e5f Mon Sep 17 00:00:00 2001 From: =?utf8?q?Bartosz=20Dziewo=C5=84ski?= Date: Sun, 16 Aug 2015 16:37:31 +0200 Subject: [PATCH] Move HTMLForm-specific styles out of mediawiki.legacy.shared Bug: T89981 Change-Id: Idcd20b4a776fe6741462b09885e05d1e08f67334 --- includes/htmlform/HTMLForm.php | 1 + resources/Resources.php | 4 ++ resources/src/mediawiki.legacy/shared.css | 46 ---------------- .../images/question.png | Bin .../images/question.svg | 0 .../src/mediawiki/mediawiki.htmlform.css | 51 ++++++++++++++++++ 6 files changed, 56 insertions(+), 46 deletions(-) rename resources/src/{mediawiki.legacy => mediawiki}/images/question.png (100%) rename resources/src/{mediawiki.legacy => mediawiki}/images/question.svg (100%) create mode 100644 resources/src/mediawiki/mediawiki.htmlform.css diff --git a/includes/htmlform/HTMLForm.php b/includes/htmlform/HTMLForm.php index da58f20d24..ad650d4528 100644 --- a/includes/htmlform/HTMLForm.php +++ b/includes/htmlform/HTMLForm.php @@ -868,6 +868,7 @@ class HTMLForm extends ContextSource { # For good measure (it is the default) $this->getOutput()->preventClickjacking(); $this->getOutput()->addModules( 'mediawiki.htmlform' ); + $this->getOutput()->addModuleStyles( 'mediawiki.htmlform.styles' ); $html = '' . $this->getErrors( $submitResult ) diff --git a/resources/Resources.php b/resources/Resources.php index d575c8d6db..ddf69edcd6 100644 --- a/resources/Resources.php +++ b/resources/Resources.php @@ -1011,6 +1011,10 @@ return array( 'colon-separator', ), ), + 'mediawiki.htmlform.styles' => array( + 'styles' => 'resources/src/mediawiki/mediawiki.htmlform.css', + 'position' => 'top', + ), 'mediawiki.htmlform.ooui.styles' => array( 'styles' => 'resources/src/mediawiki/mediawiki.htmlform.ooui.css', 'position' => 'top', diff --git a/resources/src/mediawiki.legacy/shared.css b/resources/src/mediawiki.legacy/shared.css index 7e171cffa3..4fb6ac7160 100644 --- a/resources/src/mediawiki.legacy/shared.css +++ b/resources/src/mediawiki.legacy/shared.css @@ -265,56 +265,10 @@ td.mw-label { width: auto; } -.mw-icon-question { - /* SVG support using a transparent gradient to guarantee cross-browser - * compatibility (browsers able to understand gradient syntax support also SVG). - * http://pauginer.tumblr.com/post/36614680636/invisible-gradient-technique */ - background-image: url(images/question.png); - background-image: -webkit-linear-gradient(transparent, transparent), url(images/question.svg); - background-image: linear-gradient(transparent, transparent), url(images/question.svg); - background-repeat: no-repeat; - background-size: 13px 13px; - display: inline-block; - height: 13px; - width: 13px; - margin-left: 4px; -} - -.mw-icon-question:lang(ar), -.mw-icon-question:lang(fa), -.mw-icon-question:lang(ur) { - -webkit-transform: scaleX(-1); - -ms-transform: scaleX(-1); - transform: scaleX(-1); -} - td.mw-submit { white-space: nowrap; } -table.mw-htmlform-nolabel td.mw-label { - width: 1px; -} - -tr.mw-htmlform-vertical-label td.mw-label { - text-align: left !important; -} - -.mw-htmlform-invalid-input td.mw-input input { - border-color: red; -} - -.mw-htmlform-flatlist div.mw-htmlform-flatlist-item { - display: inline; - margin-right: 1em; - white-space: nowrap; -} - -.mw-htmlform-matrix td { - padding-left: 0.5em; - padding-right: 0.5em; -} - input#wpSummary { width: 80%; margin-bottom: 1em; diff --git a/resources/src/mediawiki.legacy/images/question.png b/resources/src/mediawiki/images/question.png similarity index 100% rename from resources/src/mediawiki.legacy/images/question.png rename to resources/src/mediawiki/images/question.png diff --git a/resources/src/mediawiki.legacy/images/question.svg b/resources/src/mediawiki/images/question.svg similarity index 100% rename from resources/src/mediawiki.legacy/images/question.svg rename to resources/src/mediawiki/images/question.svg diff --git a/resources/src/mediawiki/mediawiki.htmlform.css b/resources/src/mediawiki/mediawiki.htmlform.css new file mode 100644 index 0000000000..e41248c1be --- /dev/null +++ b/resources/src/mediawiki/mediawiki.htmlform.css @@ -0,0 +1,51 @@ +/* HTMLForm styles */ + +table.mw-htmlform-nolabel td.mw-label { + width: 1px; +} + +.mw-htmlform-invalid-input td.mw-input input { + border-color: red; +} + +.mw-htmlform-flatlist div.mw-htmlform-flatlist-item { + display: inline; + margin-right: 1em; + white-space: nowrap; +} + +/* HTMLCheckMatrix */ + +.mw-htmlform-matrix td { + padding-left: 0.5em; + padding-right: 0.5em; +} + +tr.mw-htmlform-vertical-label td.mw-label { + text-align: left !important; +} + +.mw-icon-question { + /* SVG support using a transparent gradient to guarantee cross-browser + * compatibility (browsers able to understand gradient syntax support also SVG). + * http://pauginer.tumblr.com/post/36614680636/invisible-gradient-technique */ + background-image: url(images/question.png); + /* @embed */ + background-image: -webkit-linear-gradient(transparent, transparent), url(images/question.svg); + /* @embed */ + background-image: linear-gradient(transparent, transparent), url(images/question.svg); + background-repeat: no-repeat; + background-size: 13px 13px; + display: inline-block; + height: 13px; + width: 13px; + margin-left: 4px; +} + +.mw-icon-question:lang(ar), +.mw-icon-question:lang(fa), +.mw-icon-question:lang(ur) { + -webkit-transform: scaleX(-1); + -ms-transform: scaleX(-1); + transform: scaleX(-1); +} -- 2.20.1