Rename data-span-rows to data-span-cols.

Smashing · Mar 31, 2019 · 0e837f9 · 0e837f9
1 parent 4b8d8e2
commit 0e837f9
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 9 deletions.
diff --git a/templates/dashboard/%name%.erb.tt b/templates/dashboard/%name%.erb.tt
@@ -1,5 +1,5 @@
 <div class="grid">
   <div class="row">
-      <div data-span-rows="4" data-id="my_widget" data-view="Text"></div>
+      <div data-span-cols="4" data-id="my_widget" data-view="Text"></div>
   </div>
 </div>
diff --git a/templates/project/assets/stylesheets/application.scss b/templates/project/assets/stylesheets/application.scss
@@ -163,7 +163,7 @@ h3 {
   flex: 1;
 }
 
-.widget[data-span-rows="2"] {
+.widget[data-span-cols="2"] {
   min-width: 2 * $widget-width;
   padding-left: $widget-margin;
   padding-right: $widget-margin;

diff --git a/templates/project/dashboards/sample.erb b/templates/project/dashboards/sample.erb
@@ -3,11 +3,11 @@
   <div class="row">
     <div data-id="welcome" data-view="Text" data-title="Hello" data-text="This is your shiny new dashboard." data-moreinfo="Protip: You can resize this window"></div>
     <div data-id="synergy" data-view="Meter" data-title="Synergy" data-height="200" data-width="200" data-min="0" data-max="100" data-suffix="%"></div>
-    <div data-span-rows="2" data-id="buzzwords" data-view="List" data-unordered="true" data-title="Buzzwords" data-moreinfo="# of times said around the office"></div>
+    <div data-span-cols="2" data-id="buzzwords" data-view="List" data-unordered="true" data-title="Buzzwords" data-moreinfo="# of times said around the office"></div>
   </div>
   <div class="row">
-    <div data-span-rows="2" data-id="valuation" data-view="Number" data-title="Current Valuation" data-moreinfo="In billions" data-prefix="$"></div>
-    <div data-span-rows="2" data-id="convergence" data-view="Graph" data-title="Convergence" style="background-color:#ff9618"></div>
+    <div data-span-cols="2" data-id="valuation" data-view="Number" data-title="Current Valuation" data-moreinfo="In billions" data-prefix="$"></div>
+    <div data-span-cols="2" data-id="convergence" data-view="Graph" data-title="Convergence" style="background-color:#ff9618"></div>
   </div>
   <center><div style="font-size: 12px">Try this: curl -d '{ "auth_token": "YOUR_AUTH_TOKEN", "text": "Hey, Look what I can do!" }' \http://<%=request.host%>:<%=request.port%>/widgets/welcome</div></center>
 </div>
diff --git a/templates/project/dashboards/sampletv.erb b/templates/project/dashboards/sampletv.erb
@@ -13,17 +13,17 @@ $(function() {
   <div class="row">
     <div data-view="Clock"></div>
     <div data-view="Image" data-image="/logo.png"></div>
-    <div data-span-rows="2" data-id="welcome" data-view="Text" data-title="Hello" data-text="This is your shiny new 1080p dashboard." data-moreinfo="Protip: You can resize the window!"></div>
+    <div data-span-cols="2" data-id="welcome" data-view="Text" data-title="Hello" data-text="This is your shiny new 1080p dashboard." data-moreinfo="Protip: You can resize the window!"></div>
   </div>
   <div class="row">
     <div data-id="synergy" data-view="Meter" data-title="Synergy" data-min="0" data-max="100"></div>
     <div data-id="synergy" data-view="Meter" data-moreinfo="In sync with my neighbour!" data-title="Synergy" data-min="0" data-max="100"></div>
-    <div data-span-rows="2" data-id="buzzwords" data-view="List" data-unordered="true" data-title="Buzzwords" data-moreinfo="# of times said around the office"></div>
+    <div data-span-cols="2" data-id="buzzwords" data-view="List" data-unordered="true" data-title="Buzzwords" data-moreinfo="# of times said around the office"></div>
     <div data-id="karma" data-view="Number" data-title="Karma" style="background-color:#96bf48;"></div>
   </div>
   <div class="row">
-    <div data-span-rows="2" data-id="convergence" data-view="Graph" data-title="Convergence" style="background-color:#47bbb3;"></div>
-    <div data-span-rows="2" data-id="twitter_mentions" data-view="Comments" style="background-color:#ff9618;" data-moreinfo="Tweets tagged with #todayilearned"></div>
+    <div data-span-cols="2" data-id="convergence" data-view="Graph" data-title="Convergence" style="background-color:#47bbb3;"></div>
+    <div data-span-cols="2" data-id="twitter_mentions" data-view="Comments" style="background-color:#ff9618;" data-moreinfo="Tweets tagged with #todayilearned"></div>
     <div data-id="karma" data-view="Number" data-title="Karma" data-moreinfo="In sync with my neighbour!" style="background-color:#96bf48;"></div>
   </div>
   <center><div style="font-size: 12px">Try this: curl -d '{ "auth_token": "YOUR_AUTH_TOKEN", "text": "Hey, Look what I can do!" }' \http://<%=request.host%>:<%=request.port%>/widgets/welcome</div></center>