From 87e595ceb06a3d30b064d413c3bde50fcecd3b98 Mon Sep 17 00:00:00 2001
From: "Soare Robert Daniel (Mac 2023)" <soare.robert.daniel@protonmail.com>
Date: Mon, 15 Jul 2024 17:27:20 +0300
Subject: [PATCH] fix: same hover color

---
 assets/css/rop_core.css              | 70 ++++++++--------------------
 vue/src/vue-elements/sign-in-btn.vue |  5 +-
 2 files changed, 21 insertions(+), 54 deletions(-)

diff --git a/assets/css/rop_core.css b/assets/css/rop_core.css
index 91beea61..ed27b1c6 100644
--- a/assets/css/rop_core.css
+++ b/assets/css/rop_core.css
@@ -674,13 +674,6 @@ a.active {
     box-shadow: 0 0 0 0.1rem rgba(59, 89, 152, 0.2);
 }
 
-#rop_core .btn.btn-facebook:focus,
-#rop_core .btn.btn-facebook:hover {
-    border-color: #344e86;
-    color: #fff;
-    background: #0074ab;
-}
-
 #rop_core .btn.btn-facebook:active,
 #rop_core .btn.btn-facebook.active {
     border-color: #2d4373;
@@ -703,13 +696,6 @@ a.active {
     box-shadow: 0 0 0 0.1rem rgba(85, 172, 238, 0.2);
 }
 
-#rop_core .btn.btn-twitter:focus,
-#rop_core .btn.btn-twitter:hover {
-    border-color: #14171A;
-    color: #fff;
-    background: #14171A;
-}
-
 #rop_core .btn.btn-twitter:active,
 #rop_core .btn.btn-twitter.active {
     border-color: #2795e9;
@@ -736,13 +722,6 @@ a.active {
     box-shadow: 0 0 0 0.1rem rgba(221, 75, 57, 0.2);
 }
 
-#rop_core .btn.btn-tumblr:focus,
-#rop_core .btn.btn-tumblr:hover {
-    border-color: #355473;
-    color: #fff;
-    background: #0074ab;
-}
-
 #rop_core .btn.btn-tumblr:active,
 #rop_core .btn.btn-tumblr.active {
     border-color: #395c7d;
@@ -765,13 +744,6 @@ a.active {
     box-shadow: 0 0 0 0.1rem rgba(0, 123, 181, 0.2);
 }
 
-#rop_core .btn.btn-linkedin:focus,
-#rop_core .btn.btn-linkedin:hover {
-    border-color: #006a9c;
-    color: #fff;
-    background: #0074ab;
-}
-
 #rop_core .btn.btn-linkedin:active,
 #rop_core .btn.btn-linkedin.active {
     border-color: #005882;
@@ -794,13 +766,6 @@ a.active {
     box-shadow: 0 0 0 0.1rem rgba(0, 123, 181, 0.2);
 }
 
-#rop_core .btn.btn-pinterest:focus,
-#rop_core .btn.btn-pinterest:hover {
-    border-color: #006a9c;
-    color: #fff;
-    background: #0074ab;
-}
-
 #rop_core .btn.btn-pinterest:active,
 #rop_core .btn.btn-pinterest.active {
     border-color: #005882;
@@ -823,13 +788,6 @@ a.active {
     box-shadow: 0 0 0 0.1rem rgba(0, 123, 181, 0.2);
 }
 
-#rop_core .btn.btn-gmb:focus,
-#rop_core .btn.btn-gmb:hover {
-    border-color: #006a9c;
-    color: #fff;
-    background: #0074ab;
-}
-
 #rop_core .btn.btn-gmb:active,
 #rop_core .btn.btn-gmb.active {
     border-color: #005882;
@@ -852,13 +810,6 @@ a.active {
     box-shadow: 0 0 0 0.1rem rgba(0, 123, 181, 0.2);
 }
 
-#rop_core .btn.btn-vk:focus,
-#rop_core .btn.btn-vk:hover {
-    border-color: #006a9c;
-    color: #fff;
-    background: #0074ab;
-}
-
 #rop_core .btn.btn-vk:active,
 #rop_core .btn.btn-vk.active {
     border-color: #005882;
@@ -881,7 +832,26 @@ a.active {
     box-shadow: 0 0 0 0.1rem rgba(0, 123, 181, 0.2);
 }
 
-#rop_core .btn.btn-webhook:is( :focus, :hover ) {
+#rop_core .btn.btn-instagram{
+    background-color:#c13584;
+    color:#fff;
+}
+
+#rop_core
+.btn:is(
+    .btn-facebook,
+    .btn-instagram,
+    .btn-twitter,
+    .btn-tumblr,
+    .btn-linkedin,
+    .btn-pinterest,
+    .btn-gmb,
+    .btn-vk,
+    .btn-webhook
+):is(
+    :focus,
+    :hover 
+) {
     border-color: #006a9c;
     color: #fff;
     background: #0074ab;
diff --git a/vue/src/vue-elements/sign-in-btn.vue b/vue/src/vue-elements/sign-in-btn.vue
index 2531883b..754c1c2a 100644
--- a/vue/src/vue-elements/sign-in-btn.vue
+++ b/vue/src/vue-elements/sign-in-btn.vue
@@ -954,10 +954,7 @@ export default {
 .btn-gmb {
   text-transform: uppercase;
 }
-.btn-instagram{
-  background-color:#c13584 !important;
-  color:#fff!important;
-}
+
 .rop-disabled{
   opacity: 0.6
 }