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