feature: swap arrow on editor state

davemo · davemo · commit 2f046f51dda4 · 2017-03-06T14:08:34.000-05:00
- 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
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>

Original file line number	Diff line number	Diff line change
`@@ -1 +1 @@`
`1`		`-<a ng-click="edit(row)">▶</a>`
	`1`	`+<a ng-click="edit(row)"></a>`