Styling, adjustments

[vchess.git] / client / src / components / MoveList.vue

diff --git a/client/src/components/MoveList.vue b/client/src/components/MoveList.vue
index 0d9e8d3..a4e1ca4 100644 (file)
--- a/client/src/components/MoveList.vue
+++ b/client/src/components/MoveList.vue
@@ -3,16 +3,9 @@
 export default {
   name: 'my-move-list',
        props: ["moves","cursor"],
-       data: function() {
-               return {
-                       something: "", //TODO?
-               };
-       },
        render(h) {
                if (this.moves.length == 0)
                        return;
-               if (this.moves[0].color == "b")
-                       this.moves.unshift({color: "w", notation: "..."});
                let tableContent = [];
                let moveCounter = 0;
                let tableRow = undefined;
@@ -73,10 +66,18 @@ export default {
                tableRow.children = moveCells;
                tableContent.push(tableRow);
                const movesTable = h(
-                       "table",
-                       { },
-                       tableContent
-               );
+      "div",
+      { },
+      [h(
+                         "table",
+                         {
+          "class": {
+            "moves-list": true,
+          },
+        },
+                         tableContent
+                 )]
+    );
                return movesTable;
        },
        methods: {
@@ -86,3 +87,10 @@ export default {
        },
 };
 </script>
+
+<style lang="sass" scoped>
+.moves-list
+  min-width: 250px
+td.highlight-lm
+  background-color: plum
+</style>