Santhosh has uploaded a new change for review.
https://gerrit.wikimedia.org/r/138569
Change subject: Cards: refactor all common styles to ext.cx.tools.card RL module
......................................................................
Cards: refactor all common styles to ext.cx.tools.card RL module
Change-Id: I8e0dae9edcb2bfbe49dd070246b5225859141dd8
---
M Resources.php
A modules/tools/styles/ext.cx.tools.card.less
M modules/tools/styles/ext.cx.tools.dictionary.less
M modules/tools/styles/ext.cx.tools.instructions.less
M modules/tools/styles/ext.cx.tools.less
M modules/tools/styles/ext.cx.tools.link.less
6 files changed, 49 insertions(+), 36 deletions(-)
git pull
ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/ContentTranslation
refs/changes/69/138569/1
diff --git a/Resources.php b/Resources.php
index ed368a6..8d64aa3 100644
--- a/Resources.php
+++ b/Resources.php
@@ -113,6 +113,12 @@
),
) + $resourcePaths;
+$wgResourceModules['ext.cx.tools.card'] = array(
+ 'styles' => array(
+ 'tools/styles/ext.cx.tools.card.less',
+ ),
+) + $resourcePaths;
+
$wgResourceModules['ext.cx.tools.instructions'] = array(
'scripts' => array(
'tools/ext.cx.tools.instructions.js',
@@ -132,6 +138,7 @@
),
'dependencies' => array(
'ext.cx.tools.manager',
+ 'ext.cx.tools.card',
),
) + $resourcePaths;
@@ -147,6 +154,7 @@
),
'dependencies' => array(
'ext.cx.tools.manager',
+ 'ext.cx.tools.card',
),
) + $resourcePaths;
@@ -164,6 +172,7 @@
),
'dependencies' => array(
'ext.cx.tools.manager',
+ 'ext.cx.tools.card',
),
) + $resourcePaths;
diff --git a/modules/tools/styles/ext.cx.tools.card.less
b/modules/tools/styles/ext.cx.tools.card.less
new file mode 100644
index 0000000..52b2401
--- /dev/null
+++ b/modules/tools/styles/ext.cx.tools.card.less
@@ -0,0 +1,39 @@
+@import "../../base/styles/grid/agora-grid";
+
+.card {
+ background: #FFFFFF;
+ border: 1px solid #C9C9C9;
+ border-radius: 2px;
+ box-shadow: 0 1px 0 #C9C9C9;
+ margin-top: 15px;
+ &:hover {
+ border-color: #BBBBBB;
+ box-shadow: 0 1px 0 #BBBBBB;
+ }
+}
+
+.card__title {
+ .mw-ui-item;
+ .mw-ui-one-whole;
+ color: #c9c9c9;
+ padding: 4px;
+}
+
+/* Cards animation */
+@keyframes card-show-animation {
+ 0% {
+ opacity: 0;
+ transform: rotate(10deg);
+ left: 200px;
+ }
+ 50% {
+ opacity: 0;
+ transform: rotate(10deg);
+ left: 200px;
+ }
+ 100% {
+ opacity: 1;
+ transform: rotate(0deg);
+ left: 0px;
+ }
+}
diff --git a/modules/tools/styles/ext.cx.tools.dictionary.less
b/modules/tools/styles/ext.cx.tools.dictionary.less
index a6fd86b..8105a45 100644
--- a/modules/tools/styles/ext.cx.tools.dictionary.less
+++ b/modules/tools/styles/ext.cx.tools.dictionary.less
@@ -7,8 +7,7 @@
font-size: medium;
padding-top: 8px;
- .card__title {
- .mw-ui-item;
+ .card__title {
.mw-ui-one-third;
}
diff --git a/modules/tools/styles/ext.cx.tools.instructions.less
b/modules/tools/styles/ext.cx.tools.instructions.less
index 1541519..0aa9ff0 100644
--- a/modules/tools/styles/ext.cx.tools.instructions.less
+++ b/modules/tools/styles/ext.cx.tools.instructions.less
@@ -6,24 +6,6 @@
position: relative;
}
-@keyframes card-show-animation {
- 0% {
- opacity: 0;
- transform: rotate(10deg);
- left: 200px;
- }
- 50% {
- opacity: 0;
- transform: rotate(10deg);
- left: 200px;
- }
- 100% {
- opacity: 1;
- transform: rotate(0deg);
- left: 0px;
- }
-}
-
.card__section.guidelines {
text-align: center;
color: #3366bb;
diff --git a/modules/tools/styles/ext.cx.tools.less
b/modules/tools/styles/ext.cx.tools.less
index a14e143..0834b87 100644
--- a/modules/tools/styles/ext.cx.tools.less
+++ b/modules/tools/styles/ext.cx.tools.less
@@ -1,17 +1,5 @@
@import "../../base/styles/grid/agora-grid";
-.card {
- background: #FFFFFF;
- border: 1px solid #C9C9C9;
- border-radius: 2px;
- box-shadow: 0 1px 0 #C9C9C9;
- margin-top: 15px;
- &:hover {
- border-color: #BBBBBB;
- box-shadow: 0 1px 0 #BBBBBB;
- }
-}
-
.card.search {
/* @embed */
background: url(../images/search.png) no-repeat scroll 10px center
#FFFFFF;
diff --git a/modules/tools/styles/ext.cx.tools.link.less
b/modules/tools/styles/ext.cx.tools.link.less
index cc7acd9..5fb342e 100644
--- a/modules/tools/styles/ext.cx.tools.link.less
+++ b/modules/tools/styles/ext.cx.tools.link.less
@@ -1,9 +1,5 @@
@import "../../base/styles/grid/agora-grid";
-.card__title {
- padding: 4px;
-}
-
.card__remove-link {
@vertical-margin: 10px;
@horizontal-margin: 15px;
--
To view, visit https://gerrit.wikimedia.org/r/138569
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings
Gerrit-MessageType: newchange
Gerrit-Change-Id: I8e0dae9edcb2bfbe49dd070246b5225859141dd8
Gerrit-PatchSet: 1
Gerrit-Project: mediawiki/extensions/ContentTranslation
Gerrit-Branch: master
Gerrit-Owner: Santhosh <santhosh.thottin...@gmail.com>
_______________________________________________
MediaWiki-commits mailing list
MediaWiki-commits@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
