feature: swap arrow on editor state

- remove the hardcoded content from the HTML template - add generated content leveraging the power of CSS content property in conjunction with the ::before pseudoselector and unicode values
davemo · Mar 6, 2017 · 2f046f5 · 2f046f5
1 parent 4efc9ed
commit 2f046f5
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -12,6 +12,18 @@
       border: 1px solid #ccc;
       padding: 5px;
     }
+
+    a {
+      cursor: pointer;
+    }
+
+    a::before {
+      content: '\25B6';
+    }
+
+    .editing a::before {
+      content: '\25BC';
+    }
   </style>
 </head>
 <body>

diff --git a/templates/editor_initializer.html b/templates/editor_initializer.html
@@ -1 +1 @@
-<a ng-click="edit(row)">&#9654;</a>
+<a ng-click="edit(row)"></a>