🐛 TG-269 #in-progress

frontend/resources/styles/view/layouts/main-layout.scss

@@ -237,3 +237,14 @@
     width: 15px;
   }
 }
+
+.interaction-bullet {
+  fill: $color-primary;
+  fill-opacity: 1;
+}
+
+.interaction-hightlight {
+  fill: $color-primary;
+  fill-opacity: 0.3;
+  stroke: $color-primary;
+}

frontend/src/uxbox/view/ui/viewer/shapes.cljs

@@ -63,10 +63,15 @@
          :style {:cursor "pointer"}}
      (factory shape)
      (when show-itx?
-       [:circle {:fill "#78dbbe"
+       [:circle {:class "interaction-bullet"
                  :cx (:x1 rect)
                  :cy (:y1 rect)
-                 :r 5}])]))
+                 :r 5}]
+       [:rect {:class "interaction-hightlight"
+                 :x (:x1 rect)
+                 :y (:y1 rect)
+                 :width (:width rect)
+                 :height (:height rect)}])]))
 
 ;; --- Image Shape Wrapper
 ;;