jenkins-bot has submitted this change and it was merged.
Change subject: Next iteration of styling for PageIssues/Disambiguation.
......................................................................
Next iteration of styling for PageIssues/Disambiguation.
- Remove flag icon for page issues
- Plain text instead of buttons
- Make text grey, and 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, 22 insertions(+), 43 deletions(-)
Approvals:
BearND: Looks good to me, approved
jenkins-bot: Verified
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..94fd8ea 100644
--- a/less/disambig.less
+++ b/less/disambig.less
@@ -1,18 +1,13 @@
+div.hatnote {
+ display: none;
+}
+
a.disambig_button {
- height: 32px;
- padding-left: 8px;
- padding-right: 8px;
- padding-top: 2px;
- margin-right: 8px;
- border: 1px solid #347BFF;
- border-radius: 4px;
- display: inline-block;
text-decoration: none;
- color: #347BFF;
+ color: #555555;
float: left;
}
a.disambig_button:active {
- background-color: #347BFF;
- color: #ffffff;
+ color: #b0b0b0;
}
diff --git a/less/issues.less b/less/issues.less
index 31d85a9..844cd9b 100644
--- a/less/issues.less
+++ b/less/issues.less
@@ -1,19 +1,24 @@
div.issues_container {
- margin: 0px;
+ margin-top: -0.9em; /* a bit hacky that it assumes it's right below an h1
heading */
+ margin-bottom: 3.5em;
padding: 0px;
width: 100%;
- display: inline-block;
+ display: block;
+ font-size: .95em;
+ letter-spacing: 0.02em;
+ color: #555555;
+}
+
+span.issues_separator {
+ padding-left: 0.6em;
+ padding-right: 0.6em;
+ float: left;
}
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;
- border-radius: 4px;
- display: inline-block;
+ text-decoration: none;
+ color: #555555;
+ float: left;
}
.content-rtl a.issues_button {
@@ -23,5 +28,5 @@
}
a.issues_button:active {
- border: 4px solid #347BFF;
+ color: #b0b0b0;
}
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: merged
Gerrit-Change-Id: I4710d0ae786fa7c60cf1b42f59d9be36bff653c5
Gerrit-PatchSet: 3
Gerrit-Project: mediawiki/extensions/MobileApp
Gerrit-Branch: master
Gerrit-Owner: Dbrant <[email protected]>
Gerrit-Reviewer: BearND <[email protected]>
Gerrit-Reviewer: Brion VIBBER <[email protected]>
Gerrit-Reviewer: Yuvipanda <[email protected]>
Gerrit-Reviewer: jenkins-bot <>
_______________________________________________
MediaWiki-commits mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
