Resolve #3426739 "Inline editing ck5"

Closes #3426739

build/css/components/frontend-builder.css

@@ -25,3 +25,53 @@
   padding-left: 275px;
 }
 
+/**
+ * Mercury Editor controls modifications.
+ */
+
+.is-mercury-edit-mode .lpb-controls {
+    padding: 0 5px 0 0;
+    border-radius: 4px;
+    top: -20px;
+    left: -10px;
+    right: auto;
+  }
+
+.is-mercury-edit-mode .lpb-controls .reveal-on-hover {
+      display: none;
+    }
+
+.is-mercury-edit-mode .lpb-controls:hover .reveal-on-hover,
+    .is-mercury-edit-mode .lpb-controls[focus-within] .reveal-on-hover{
+      display: flex;
+      animation: controlsFadeIn .15s ease-in;
+    }
+
+.is-mercury-edit-mode .lpb-controls:hover .reveal-on-hover,
+    .is-mercury-edit-mode .lpb-controls:focus-within .reveal-on-hover{
+      display: flex;
+      animation: controlsFadeIn .15s ease-in;
+    }
+
+.is-mercury-edit-mode .lpb-controls.is-layout {
+      top: -25px;
+      left: -15px;
+      right: -10px;
+      left: auto;
+    }
+
+.is-mercury-edit-mode .lpb-controls-label {
+    padding: 0 5px 0 0;
+    text-transform: uppercase;
+    font-size: .7em;
+    letter-spacing: 2px;
+  }
+
+@keyframes controlsFadeIn {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}