Field name visible on hover

last-rev-llc · Apr 30, 2020 · a87972e · a87972e
1 parent 1c69feb
commit a87972e
Show file tree

Hide file tree

Showing 3 changed files with 96 additions and 29 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/shared/css/content.css b/src/shared/css/content.css
@@ -1,6 +1,6 @@
 
 
-[data-init-csk] [data-csk-entry-id] {
+[data-init-csk] [data-csk-entry-field] {
   cursor: pointer;
   position: relative;
   transform: scale(1);
@@ -9,19 +9,38 @@
   z-index: 1031;
 }
 
+[data-init-csk] .cs-item-name {
+  position: absolute;
+  top: -23px;
+  left: 41px;
+  width: auto;
+  height: 23px;
+  padding: 2px 8px 1px 2px;
+  background-color: #00a7f7;
+  color: #FFF;
+  font-size: 10px;
+  font-style: italic;
+  letter-spacing: 0.9px;
+  line-height: 1.8;
+  text-transform: capitalize;
+}
+
 [data-init-csk] [data-csk-entry-id]:hover::before {
   content: 'EDIT';
+  z-index: 1111;
   position: absolute;
+  top: -23px;
+  left: -2px;
+  width: 43px;
+  padding: 2px 6px 1px;
   background-color: #00a7f7;
-  border-radius: 0.25rem 0.25rem 0 0;
+  border-radius: 0;
   color: #FFF;
-  font-size: 0.75rem;
+  font-size: 12px;
   font-weight: bold;
   letter-spacing: 1px;
+  line-height: 1.7;
   text-transform: uppercase;
-  top: -1.75rem;
-  left: -2px;
-  padding: 0.375rem 0.5rem 0.25rem 0.5rem;
 }
 
 [data-init-csk] [data-csk-entry-id]::after {