feat: refine styles

Author: Justineo

CHANGELOG.md

@@ -1,11 +1,13 @@
 Changelog
 ---
-## 1.7.1
+## 1.7.2
+* Refined verified badge styles.
+* Fixed z-index of native hovercards over our hovercards.
 
+## 1.7.1
 * Fixed rocket icon.
 
 ## 1.7.0
-
 * Added theme option and switched the default theme to “GitHub”.
 * Fixed emoji display.
 * Fixed extraction of sidebar users.

demo/dist/demo.css

@@ -54,6 +54,9 @@
 .windows .ghh ::-webkit-scrollbar-corner {
  background-color: transparent;
 }
+.Popover {
+ z-index: 2147483647 !important;
+}
 /**********
  * Mixins
  **********/
@@ -308,6 +311,18 @@
  background-color: #fff;
  border-radius: 2px;
 }
+.ghh-theme-github .ghh-readme a,
+.ghh-theme-github .ghh-issue-body a {
+ color: #0366d6;
+}
+.ghh-theme-github .ghh-readme a:hover,
+.ghh-theme-github .ghh-issue-body a:hover {
+ text-decoration: underline;
+}
+.ghh-theme-github .ghh-readme .user-mention,
+.ghh-theme-github .ghh-issue-body .user-mention {
+ color: #24292e;
+}
 .ghh-theme-github .ghh-readme h1,
 .ghh-theme-github .ghh-issue-body h1,
 .ghh-theme-github .ghh-readme h2,
@@ -1043,6 +1058,14 @@
  font-size: 12px;
  font-weight: 400;
 }
+.ghh-theme-github .ghh .ghh-state-verified {
+ color: #22863a;
+ border: 1px solid #e1e4e8;
+ background-color: #fff;
+ font-size: 10px;
+ padding: 0 4px;
+ line-height: 20px;
+}
 .ghh-theme-github .ghh-repo {
  padding-left: 36px;
 }

demo/dist/demo.js

@@ -2,7 +2,7 @@
  "manifest_version": 2,
  "name": "GitHub Hovercard",
  "description": "Neat hovercards for GitHub.",
- "version": "1.7.1",
+ "version": "1.7.2",
  "icons": {
  "128": "icon.png"
  },

extensions/chrome/hovercard.css

@@ -54,6 +54,9 @@
 .windows .ghh ::-webkit-scrollbar-corner {
  background-color: transparent;
 }
+.Popover {
+ z-index: 2147483647 !important;
+}
 /**********
  * Mixins
  **********/
@@ -308,6 +311,18 @@
  background-color: #fff;
  border-radius: 2px;
 }
+.ghh-theme-github .ghh-readme a,
+.ghh-theme-github .ghh-issue-body a {
+ color: #0366d6;
+}
+.ghh-theme-github .ghh-readme a:hover,
+.ghh-theme-github .ghh-issue-body a:hover {
+ text-decoration: underline;
+}
+.ghh-theme-github .ghh-readme .user-mention,
+.ghh-theme-github .ghh-issue-body .user-mention {
+ color: #24292e;
+}
 .ghh-theme-github .ghh-readme h1,
 .ghh-theme-github .ghh-issue-body h1,
 .ghh-theme-github .ghh-readme h2,
@@ -1043,6 +1058,14 @@
  font-size: 12px;
  font-weight: 400;
 }
+.ghh-theme-github .ghh .ghh-state-verified {
+ color: #22863a;
+ border: 1px solid #e1e4e8;
+ background-color: #fff;
+ font-size: 10px;
+ padding: 0 4px;
+ line-height: 20px;
+}
 .ghh-theme-github .ghh-repo {
  padding-left: 36px;
 }

extensions/chrome/hovercard.js

@@ -25,7 +25,7 @@
  "storage",
  "https://github.com/*"
  ],
- "version": "1.7.1",
+ "version": "1.7.2",
  "-ms-preload": {
  "backgroundScript": "backgroundScriptsAPIBridge.js",
  "contentScript": "contentScriptsAPIBridge.js"

extensions/chrome/manifest.json

@@ -54,6 +54,9 @@
 .windows .ghh ::-webkit-scrollbar-corner {
  background-color: transparent;
 }
+.Popover {
+ z-index: 2147483647 !important;
+}
 /**********
  * Mixins
  **********/
@@ -308,6 +311,18 @@
  background-color: #fff;
  border-radius: 2px;
 }
+.ghh-theme-github .ghh-readme a,
+.ghh-theme-github .ghh-issue-body a {
+ color: #0366d6;
+}
+.ghh-theme-github .ghh-readme a:hover,
+.ghh-theme-github .ghh-issue-body a:hover {
+ text-decoration: underline;
+}
+.ghh-theme-github .ghh-readme .user-mention,
+.ghh-theme-github .ghh-issue-body .user-mention {
+ color: #24292e;
+}
 .ghh-theme-github .ghh-readme h1,
 .ghh-theme-github .ghh-issue-body h1,
 .ghh-theme-github .ghh-readme h2,
@@ -1043,6 +1058,14 @@
  font-size: 12px;
  font-weight: 400;
 }
+.ghh-theme-github .ghh .ghh-state-verified {
+ color: #22863a;
+ border: 1px solid #e1e4e8;
+ background-color: #fff;
+ font-size: 10px;
+ padding: 0 4px;
+ line-height: 20px;
+}
 .ghh-theme-github .ghh-repo {
  padding-left: 36px;
 }