[nested-v-grid] [wip] Improve demo page

Author: kimo-k

deps.edn

@@ -12,5 +12,6 @@
          com.cognitect/transit-cljs  {:mvn/version "0.8.264"}
          clj-commons/secretary       {:mvn/version "1.2.4"}
          day8/shadow-git-inject      {:mvn/version "0.0.5"}
-         hashp/hashp                 {:mvn/version "0.2.2"}}}
-
+         hashp/hashp                 {:mvn/version "0.2.2"}
+         zprint/zprint               {:mvn/version "1.2.9"}
+         day8.re-frame/re-frame-10x  {:mvn/version "1.9.10"}}}

run/resources/public/assets/css/re-com-demo.css

@@ -0,0 +1,14 @@
+.re-com-demo-util-code
+{font-size: 12px;
+ background: unset;
+ border: thin solid #ccc;
+ border-radius: 4px;
+ padding: 0.5em;
+ background-color: #eee;
+ margin-right: unset;}
+
+.re-com-demo-util-code code
+{font-size: 12px;
+ border: unset;
+ padding: unset;
+ margin-right: unset;}

run/resources/public/index_dev.html

@@ -7,6 +7,7 @@
         <link rel="stylesheet" href="assets/css/bootstrap.css">
         <link rel="stylesheet" href="assets/css/material-design-iconic-font.min.css">
         <link rel="stylesheet" href="assets/css/re-com.css">
+        <link rel="stylesheet" href="assets/css/re-com-demo.css">
 
         <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic" rel="stylesheet" type="text/css">
         <link href='https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300' rel='stylesheet' type='text/css'>

run/resources/public/index_prod.html

@@ -7,6 +7,7 @@
         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/css/bootstrap.min.css">
         <link rel="stylesheet" href="assets/css/material-design-iconic-font.min.css">
         <link rel="stylesheet" href="assets/css/re-com.css">
+        <link rel="stylesheet" href="assets/css/re-com-demo.css">
 
         <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic" rel="stylesheet" type="text/css">
         <link href='https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300' rel='stylesheet' type='text/css'>

src/re_com/nested_v_grid.cljs

@@ -42,13 +42,13 @@
              :args-desc      cell-args-desc}
      [::cell-label {:top-level-arg? true}]]]])
 
-(def nested-v-grid-parts-desc
+(def parts-desc
   (when include-args-desc?
     (part/describe part-structure)))
 
-(def nested-v-grid-parts
+(def part-names
   (when include-args-desc?
-    (-> (map :name nested-v-grid-parts-desc) set)))
+    (-> (map :name parts-desc) set)))
 
 (def args-desc
   (let [special-args

src/re_demo/nested_grid.cljs

@@ -929,4 +929,4 @@
             [(:view @!tab)]]]
           [demos]]]
         #_[parts-table "nested-grid" nested-grid-parts-desc]
-        [parts-table "nested-v-grid" nvg/nested-v-grid-parts-desc]]])))
+        [parts-table "nested-v-grid" nvg/parts-desc]]])))