Nikerabbit has uploaded a new change for review.
https://gerrit.wikimedia.org/r/58688
Change subject: Add translate and proofread actions shown on hover
......................................................................
Add translate and proofread actions shown on hover
Change-Id: I39e26cf4373662bab274c1ecba6a45c790adfd25
---
M MainPage/resources/css/ext.translate.mainpage.css
M MainPage/resources/js/ext.translate.mainpage.js
M MainPage/specials/SpecialTwnMainPage.php
3 files changed, 55 insertions(+), 11 deletions(-)
git pull ssh://gerrit.wikimedia.org:29418/translatewiki
refs/changes/88/58688/1
diff --git a/MainPage/resources/css/ext.translate.mainpage.css
b/MainPage/resources/css/ext.translate.mainpage.css
index c53f13e..f33988e 100644
--- a/MainPage/resources/css/ext.translate.mainpage.css
+++ b/MainPage/resources/css/ext.translate.mainpage.css
@@ -211,9 +211,8 @@
}
.project-tile {
- border: 1px solid black;
+ border: 2px solid black;
margin: 10px;
- padding: 10px;
height: 200px;
}
@@ -226,14 +225,13 @@
cursor: pointer;
}
-.project-icon {
- width: 100px;
- height: 100%;
+.project-icon img {
+ padding: 10px;
}
.project-name {
font-size: 22px;
- height: 60px;
+ height: 100px;
}
.tux-statsbar,
@@ -241,10 +239,35 @@
height: 7px;
}
+.project-statsbar {
+ height: 10px;
+}
+
+.project-stats {
+ height: 40px;
+}
+
+.project-content,
+.project-icon {
+ height: 150px;
+}
+
.project-content > div {
padding: 10px;
}
+.project-top {
+ height: 150px;
+}
+
+.project-actions {
+ text-align: center;
+ height: 50px;
+ line-height: 50px;
+ background-color: black;
+ cursor: pointer;
+}
+
button.button {
background-color: #E6E6E6;
background-image: -webkit-linear-gradient(top, #f0f0f0, #e6e6e6);
diff --git a/MainPage/resources/js/ext.translate.mainpage.js
b/MainPage/resources/js/ext.translate.mainpage.js
index 694412d..caf03f3 100644
--- a/MainPage/resources/js/ext.translate.mainpage.js
+++ b/MainPage/resources/js/ext.translate.mainpage.js
@@ -10,6 +10,12 @@
var $tiles, language;
$tiles = $( '.project-tile' );
+
+ $tiles.hover(
+ function () { $( this ).find( '.project-actions'
).removeClass( 'hide' ); },
+ function () { $( this ).find( '.project-actions'
).addClass( 'hide' ); }
+ );
+
if ( $tiles.length !== 8 ) {
// We have less than 8 tiles, so all are shown
return;
diff --git a/MainPage/specials/SpecialTwnMainPage.php
b/MainPage/specials/SpecialTwnMainPage.php
index 57ae03f..125ad80 100644
--- a/MainPage/specials/SpecialTwnMainPage.php
+++ b/MainPage/specials/SpecialTwnMainPage.php
@@ -155,14 +155,29 @@
$stats = $statsbar->getHtml( $this->getContext() );
$acts = "$translated% $proofread%";
+ $title = SpecialPage::getTitleFor( 'Translate' );
+ $translate = Html::element( 'a', array(
+ 'href' => $title->getLocalUrl( array( 'group'
=> $group->getId() ) )
+ ), 'Translate' );
+
+ $proofread = Html::element( 'a', array(
+ 'href' => $title->getLocalUrl( array( 'group'
=> $group->getId(), 'action' => 'proofread' ) )
+ ), 'Proofread' );
+
$out = <<<HTML
<div class="three columns twn-mainpage-project-tile">
<div class="project-tile">
- <div class="project-icon four columns">$image</div>
- <div class="project-content eight columns">
- <div class="row project-name">$label</div>
- <div class="row project-stats">$stats</div>
- <div class="row project-actions">$acts</div>
+ <div class="row project-top">
+ <div class="project-icon four columns">$image</div>
+ <div class="project-content eight columns">
+ <div class="row project-name">$label</div>
+ <div class="row project-statsbar">$stats</div>
+ <div class="row project-stats">$acts</div>
+ </div>
+ </div>
+ <div class="row project-actions hide">
+ <div class="six columns action">$translate</div>
+ <div class="six columns action">$proofread</div>
</div>
</div>
</div>
--
To view, visit https://gerrit.wikimedia.org/r/58688
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings
Gerrit-MessageType: newchange
Gerrit-Change-Id: I39e26cf4373662bab274c1ecba6a45c790adfd25
Gerrit-PatchSet: 1
Gerrit-Project: translatewiki
Gerrit-Branch: master
Gerrit-Owner: Nikerabbit <[email protected]>
_______________________________________________
MediaWiki-commits mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
