jenkins-bot has submitted this change and it was merged.
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 animation support for stats tiles
* Other minor color and border adjustments
Change-Id: I4f764ae0492489247e1777a48194882ff4335921
---
M resources/css/ext.translate.mainpage.css
1 file changed, 34 insertions(+), 7 deletions(-)
Approvals:
Nikerabbit: Looks good to me, approved
jenkins-bot: Verified
diff --git a/resources/css/ext.translate.mainpage.css
b/resources/css/ext.translate.mainpage.css
index 015939a..74e2406 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: merged
Gerrit-Change-Id: I4f764ae0492489247e1777a48194882ff4335921
Gerrit-PatchSet: 4
Gerrit-Project: mediawiki/extensions/TwnMainPage
Gerrit-Branch: master
Gerrit-Owner: Pginer <[email protected]>
Gerrit-Reviewer: Nikerabbit <[email protected]>
Gerrit-Reviewer: jenkins-bot
_______________________________________________
MediaWiki-commits mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
