Merge pull request #79 from sanjeevani-25/master

[UI]: Generate Link button - Overriding External Styles from Color Picker Chrome Extension
amittri1025 · Oct 9, 2023 · 8b48ed0 · 8b48ed0
2 parents 70b1a44 + e3b4d0f
commit 8b48ed0
Showing 1 changed file with 27 additions and 1 deletion.
diff --git a/style.css b/style.css
@@ -47,10 +47,12 @@ input.input-error {
   font-size: 0.8rem;
   display: none;
 }
+
 .mob-container {
   display: flex;
   gap: 4px;
 }
+
 .mob-code {
   display: flex;
 }
@@ -73,6 +75,30 @@ input.input-error {
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #13c703;
 }
 
+/* #mybtn override for chrome extension injected stylesheet */
+#mybtn {
+  display: inline-block;
+  padding: 6px 12px;
+  font-size: 16px;
+  line-height: 1.5;
+  font-weight: 400;
+  background-color: #198754;
+  border-color: #198754;
+  font-size: 1rem;
+  border-radius: 0.25rem;
+  border-width: 0;
+  margin: 0;
+  border-image: none;
+  height: 100%;
+  width: 7.6rem;
+}
+#mybtn:hover {
+  color: #fff;
+  background-color: #146a42;
+  border-color: #146a42;
+}
+
+
 /* Link */
 
 #genLink {
@@ -136,4 +162,4 @@ body.light-mode {
 body.dark-mode {
   background-color: #333;
   color: #fff;
-}
+}