From d623b3d1b8d8c415b7d1d373fde3c065adc3c539 Mon Sep 17 00:00:00 2001
From: Fabio Manganiello <fabio@manganiello.tech>
Date: Thu, 5 Sep 2024 01:21:13 +0200
Subject: [PATCH] [UI] Added default styles for monospace content and draggable
 elements.

---
 .../http/webapp/src/style/components.scss     | 20 +++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/platypush/backend/http/webapp/src/style/components.scss b/platypush/backend/http/webapp/src/style/components.scss
index 0b046bdcd9..c7d37a9f5a 100644
--- a/platypush/backend/http/webapp/src/style/components.scss
+++ b/platypush/backend/http/webapp/src/style/components.scss
@@ -1,3 +1,6 @@
+$floating-btn-size: 4em;
+$monospace-font: 'Hack', 'Fira Code', 'Noto Sans Mono', 'Ubuntu Mono', 'Recursive', 'Inconsolata', 'Consolas', 'Courier New', monospace;
+
 button, .btn, .btn-default {
   border: $default-border-3;
   cursor: pointer;
@@ -11,8 +14,9 @@ button, .btn, .btn-default {
   }
 
   &:hover {
-    background: $hover-bg;
-    border: 1px solid $default-hover-fg;
+    color: $default-hover-fg;
+    // background: $hover-bg;
+    // border: 1px solid $default-hover-fg;
   }
 
   .icon {
@@ -27,6 +31,14 @@ button, .btn, .btn-default {
   }
 }
 
+[draggable] {
+  cursor: grab !important;
+}
+
+.dragged {
+  opacity: 0.5 !important;
+}
+
 input[type=text], input[type=password] {
   border: $default-border-3;
   border-radius: 1em;
@@ -125,5 +137,9 @@ $nav-height: 2.5em;
   }
 }
 
+code {
+  font-family: $monospace-font;
+}
+
 // Tabs
 $tab-height: 3.5em;