Pginer has uploaded a new change for review.
https://gerrit.wikimedia.org/r/83076
Change subject: CSS fixes for MainPage
......................................................................
CSS fixes for MainPage
CSS adjustments:
* Project tile actions do not exceed their container
* Project tiles are adjusted for small screens
* Experimental animaion support for stats tiles
* Other minnor color and border adjustments
Change-Id: I4f764ae0492489247e1777a48194882ff4335921
---
M resources/css/ext.translate.mainpage.css
1 file changed, 34 insertions(+), 7 deletions(-)
git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/TwnMainPage
refs/changes/76/83076/1
diff --git a/resources/css/ext.translate.mainpage.css
b/resources/css/ext.translate.mainpage.css
index 015939a..835ce2f 100644
--- a/resources/css/ext.translate.mainpage.css
+++ b/resources/css/ext.translate.mainpage.css
@@ -90,16 +90,36 @@
.stats-tile {
background-color: #3366BB;
+ background-color: rgba(51,102,187,0.9);
color: white;
height: 130px;
margin: auto;
width: 80%;
padding: 10px;
- opacity: 0.9;
+ -webkit-animation: fadein 1.5s;
+ animation: fadein 1.5s;
+}
+
+@-webkit-keyframes fadein {
+ from {
+ opacity:0;
+ }
+ to {
+ opacity:1;
+ }
+}
+
+@keyframes fadein {
+ from {
+ opacity:0;
+ }
+ to {
+ opacity:1;
+ }
}
.unused.stats-tile {
- opacity: 0.3;
+ background-color: rgba(51,102,187,0.3);
}
.stats-number {
@@ -115,9 +135,9 @@
.main-widget {
background-color: #F8F8F8;
+ background-color: rgba(248, 248, 248, 0.95);
color: #252525;
max-height: 580px;
- opacity: 0.95;
padding: 10px;
margin-left: 4%;
overflow: auto;
@@ -284,7 +304,7 @@
height: 140px;
}
-.twn-mainpage-project-tile .project-tile .project-actions {
+.twn-mainpage-project-tiles .twn-mainpage-project-tile .project-tile
.project-actions {
text-align: center;
height: 40px;
line-height: 40px;
@@ -292,11 +312,18 @@
margin: 0;
}
+.twn-mainpage-project-tile .action {
+ border-right: 1px solid #333333;
+}
+.twn-mainpage-project-tile .action:last-child {
+ border: none;
+}
+
.project-actions a,
.project-actions a:visited {
color: #FFFFFF;
text-decoration: none;
- padding-left: 20px;
+ padding-left: 24px;
cursor: pointer;
}
@@ -471,7 +498,7 @@
margin: 5px 0;
}
- .row .three.columns {
+ .twn-mainpage .row.twn-mainpage-project-tiles
.twn-mainpage-project-tile {
width: 50%;
}
@@ -480,7 +507,7 @@
}
.main-widget {
- opacity: 1;
+ background-color: #F8F8F8;
}
.twn-mainpage-banner {
--
To view, visit https://gerrit.wikimedia.org/r/83076
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings
Gerrit-MessageType: newchange
Gerrit-Change-Id: I4f764ae0492489247e1777a48194882ff4335921
Gerrit-PatchSet: 1
Gerrit-Project: mediawiki/extensions/TwnMainPage
Gerrit-Branch: master
Gerrit-Owner: Pginer <[email protected]>
_______________________________________________
MediaWiki-commits mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
