Dbrant has uploaded a new change for review.
https://gerrit.wikimedia.org/r/153813
Change subject: Next iteration of styling for PageIssues/Disambiguation.
......................................................................
Next iteration of styling for PageIssues/Disambiguation.
- Remove flag icon for page issues
- Make buttons grey
- Make button text smaller
- Align buttons closer to page title
Change-Id: I4710d0ae786fa7c60cf1b42f59d9be36bff653c5
---
D images/flag-light.png
D images/flag-night.png
M less/disambig.less
M less/issues.less
M less/night.less
5 files changed, 28 insertions(+), 36 deletions(-)
git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/MobileApp
refs/changes/13/153813/1
diff --git a/images/flag-light.png b/images/flag-light.png
deleted file mode 100644
index 70bd6a5..0000000
--- a/images/flag-light.png
+++ /dev/null
Binary files differ
diff --git a/images/flag-night.png b/images/flag-night.png
deleted file mode 100644
index 14d14b7..0000000
--- a/images/flag-night.png
+++ /dev/null
Binary files differ
diff --git a/less/disambig.less b/less/disambig.less
index 3addd3e..0f871a0 100644
--- a/less/disambig.less
+++ b/less/disambig.less
@@ -1,18 +1,23 @@
+div.hatnote {
+ display: none;
+}
+
a.disambig_button {
- height: 32px;
- padding-left: 8px;
- padding-right: 8px;
- padding-top: 2px;
+ font-size: .8em;
+ height: 2em;
+ padding-left: 6px;
+ padding-right: 6px;
+ padding-top: 0.15em;
margin-right: 8px;
- border: 1px solid #347BFF;
+ border: 1px solid #707070;
border-radius: 4px;
display: inline-block;
text-decoration: none;
- color: #347BFF;
+ color: #707070;
float: left;
}
a.disambig_button:active {
- background-color: #347BFF;
+ background-color: #707070;
color: #ffffff;
}
diff --git a/less/issues.less b/less/issues.less
index 31d85a9..973178f 100644
--- a/less/issues.less
+++ b/less/issues.less
@@ -1,19 +1,26 @@
div.issues_container {
- margin: 0px;
+ margin-left: 0px;
+ margin-right: 0px;
+ margin-top: -0.5em; /* a bit hacky that it assumes it's right below an h1
heading */
+ margin-bottom: 1em;
padding: 0px;
width: 100%;
display: inline-block;
}
a.issues_button {
- height: 32px;
- width: 36px;
- background-size: 24px 24px;
- /* @embed */
- background: url("../images/flag-light.png") no-repeat center;
- border: 1px solid #347BFF;
+ font-size: .8em;
+ height: 2em;
+ padding-left: 6px;
+ padding-right: 6px;
+ padding-top: 0.15em;
+ margin-right: 8px;
+ border: 1px solid #707070;
border-radius: 4px;
display: inline-block;
+ text-decoration: none;
+ color: #707070;
+ float: left;
}
.content-rtl a.issues_button {
@@ -23,5 +30,6 @@
}
a.issues_button:active {
- border: 4px solid #347BFF;
+ background-color: #707070;
+ color: #ffffff;
}
diff --git a/less/night.less b/less/night.less
index b0a0d68..62fd163 100644
--- a/less/night.less
+++ b/less/night.less
@@ -32,24 +32,3 @@
.content table.infobox {
background: #000;
}
-
-/* See also less/issues.less */
-a.issues_button {
- /* @embed */
- background: url("../images/flag-night.png") no-repeat center;
- border: 1px solid #2B6FB2;
-}
-
-a.issues_button:active {
- border: 4px solid #2B6FB2;
-}
-
-a.disambig_button {
- border: 1px solid #2B6FB2;
- color: #2B6FB2;
-}
-
-a.disambig_button:active {
- background-color: #2B6FB2;
- color: #b0b0b0;
-}
--
To view, visit https://gerrit.wikimedia.org/r/153813
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings
Gerrit-MessageType: newchange
Gerrit-Change-Id: I4710d0ae786fa7c60cf1b42f59d9be36bff653c5
Gerrit-PatchSet: 1
Gerrit-Project: mediawiki/extensions/MobileApp
Gerrit-Branch: master
Gerrit-Owner: Dbrant <[email protected]>
_______________________________________________
MediaWiki-commits mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
