fixes css flicker bug

AbleLincoln · Apr 30, 2023 · 090e708 · 090e708
1 parent b910c6e
commit 090e708
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 16 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "linguistical",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "repository": "github:AbleLincoln/linguistical",
   "keywords": [
     "github", "language", "graph", "statistics", "percentage", "vue", "component"

diff --git a/src/Linguistical.vue b/src/Linguistical.vue
@@ -137,20 +137,12 @@ a {
   line-height: 18px;
 }
 
-a:hover {
+a:hover,
+a:hover .language,
+a:hover .size {
   color: #539bf5 !important;
 }
 
-.language {
-  font-weight: 600;
-  margin-right: 4px;
-  color: var(--linguistical-text-primary);
-}
-
-a:hover .language {
-  color: inherit !important;
-}
-
 .circle {
   display: inline-block;
   width: 8px;
@@ -159,11 +151,13 @@ a:hover .language {
   border-radius: 100%;
 }
 
-.size {
-  color: var(--linguistical-text-secondary);
+.language {
+  font-weight: 600;
+  margin-right: 4px;
+  color: var(--linguistical-text-primary);
 }
 
-a:hover .size {
-  color: inherit !important;
+.size {
+  color: var(--linguistical-text-secondary);
 }
 </style>