Merge pull request #872 from lmcapacho/develop

Add style to js-codeblock-io-edit for light and dark themes
FPGAwars · Feb 7, 2025 · 4d4bc29 · 4d4bc29
2 parents d30e2be + ffe612d
commit 4d4bc29
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 7 deletions.
diff --git a/app/resources/uiThemes/dark/dark.css b/app/resources/uiThemes/dark/dark.css
@@ -948,3 +948,11 @@
 .modal-content ul li:hover {
   background-color: #555;
 }
+
+.js-codeblock-io-edit {
+  color: white;
+  background-color: #404040;
+}
+.js-codeblock-io-edit:hover {
+  color: #7ccff4;
+}
diff --git a/app/resources/uiThemes/light/light.css b/app/resources/uiThemes/light/light.css
@@ -957,3 +957,12 @@
 .modal-content ul li:hover {
   background-color: #eee;
 }
+
+.js-codeblock-io-edit {
+  color: #777;
+  background-color: #c0dfeb;
+  border: 1px solid #aaa;
+}
+.js-codeblock-io-edit:hover {
+  color: #aaa;
+}
diff --git a/app/styles/design.css b/app/styles/design.css
@@ -932,24 +932,23 @@ g {
   fill: white;
   stroke: white;
 }
+
 .js-codeblock-io-edit {
   position: absolute;
   top: 0px;
   right: 0px;
   z-index: 99999999;
-  color: white;
-  background-color: #404040;
   border-radius: 0 0 0 100%;
   font-size: 18px;
-  width: 36px;
-  height: 36px;
+  width: 30px;
+  height: 30px;
   text-align: center;
   vertical-align: middle;
   line-height: 25px;
   cursor: pointer;
   pointer-events: auto;
 }
-
-.js-codeblock-io-edit:hover {
-  color: #7ccff4;
+.js-codeblock-io-edit .fa-edit:before {
+  padding-left: 8px;
+  font-size: small;
 }