Issue #22, issue #23 - latest build for CSS and CSV blocks£

bobbingwide · Apr 7, 2018 · 320cd71 · 320cd71
1 parent 514a928
commit 320cd71
Show file tree

Hide file tree

Showing 4 changed files with 49 additions and 4 deletions.
diff --git a/blocks/README.md b/blocks/README.md
@@ -1,7 +1,7 @@
 # oik blocks
 
 
-## Build
+## Build folder
 
 The `build` folder contains the run-time components:
 Folder | File | Contents
@@ -14,6 +14,7 @@ js     | editor.blocks.js | Built JS for the Editor
 js     | frontend.blocks.js | Built JS for the front end
 
 
+
 ## Summary of blocks
 
 `index.js` defines the blocks that are built for this plugin.
@@ -30,7 +31,8 @@ oik-follow-me | [bw_follow_me] | Social media follow me
 oik-googlemap | [bw_show_googlemap] | Google Maps Map
 oik-nivo | [nivo] | Nivo slider
 oik-person | [bw_user] [bw_follow_me] | Person block
-oik-css | [bw_csss ] | Inline CSS 
+oik-css | [bw_css] | Inline CSS 
+oik-csv | [bw_csv] | Display CSV content
 
 In each folder there are at least 3 files
 
@@ -40,6 +42,15 @@ editor.scss | blocks.editor.css | Styling for the editor
 index.js | editor.blocks.js | REACT JS for the block
 style.scss | blocks.style.css | Styling for the front end
 
+## Build process
+
+To build the JavaScript code in the blocks folder you need to use npm (Node Package Manager).
+First you must install npm.
+
+npm install
+
+
+npm run dev
 
 
 

diff --git a/blocks/build/css/blocks.editor.css b/blocks/build/css/blocks.editor.css
@@ -114,3 +114,14 @@
 
 .wp-block-oik-block-css .blocks-plain-text:focus {
   border: 1px solid #555d66; }
+.wp-block-oik-block-csv .blocks-plain-text {
+  -ms-flex: 1 0 0%;
+  -webkit-box-flex: 1;
+          flex: 1 0 0%;
+  padding: 4px 8px;
+  border: 1px solid #e2e4e7;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 13px; }
+
+.wp-block-oik-block-csv .blocks-plain-text:focus {
+  border: 1px solid #555d66; }
diff --git a/blocks/build/css/blocks.style.css b/blocks/build/css/blocks.style.css
@@ -20,3 +20,7 @@ div.bw_contact_form {
 */
 div.bw_css {
   background-color: #f5f5f5; }
+/* oik-csv/style.scss
+*/
+div.bw_csv {
+  width: 100%; }