mumuki-styles 1.16.0 → 1.16.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: be68b6e7dfd8f64ebb70ec61bd231a17c7e2305d
-  data.tar.gz: 78168fc6c2dab46df2e1ef2153a1a0951fefedb3
+  metadata.gz: 4c6b730c143c2d7a3c4bb722d9c823093f0d61de
+  data.tar.gz: 824a1ecaf2c4b1ac4f045c7f96223c4cc7be22dc
 SHA512:
-  metadata.gz: a32fc8d4b753f4c7ddc5eea52f1e96741acb36872d24db591b1bf671ec96d997da7b4ec2d85b0a8f388d5e19d8d04024571e70617719fed6806b64652293246c
-  data.tar.gz: 21c3d4e8c140ad56739242d50a190f537285158adbe4aabe27f3f7388fc3cf944094ee1e3148c20e4d839d08486bc2096b0789a77d4f0f979cfbf90eff9f8dfa
+  metadata.gz: 07410eda42567a1797f35d5fbe900492bc24f359d866b290bbf131b188c0a426ad9ddba7191d9362d59bd6cd3d3186ab5cce037dee8e5952ffdda11637f509b7
+  data.tar.gz: de0dd7df2eb47405d35576edb065c4e03a5a8bc2e6ff480967971b6e447ffce74c1451ba43ea53b298be7e2abebc7f24cdefb19c92b077c6efcb14675fccf99e

data/app/assets/javascripts/mumuki-styles.js

@@ -13107,7 +13107,7 @@ mumuki.load(function () {
     var cols = '';
     cols += '<tr>';
     columns.forEach(function (col) {
-      cols += '<th style="width: calc(100% / ' + columns.length + ')">' + getColumnName(col) + '</th>';
+      cols += '<th>' + getColumnName(col) + '</th>';
     });
     cols += '</tr>';
     return cols;
@@ -13118,7 +13118,7 @@ mumuki.load(function () {
     rows.forEach(function (row) {
       rowstr += '<tr>';
       row.forEach(function (data) {
-        rowstr += '<td style="width: calc(100% / ' + row.length + ')">' + (data === null ? 'NULL' : data) + '</td>';
+        rowstr += '<td><span>' + (data === null ? 'NULL' : data) + '</span></td>';
       });
       rowstr += '</tr>';
     });

data/app/assets/stylesheets/components/_mu-sql-table.scss

@@ -1,4 +1,5 @@
 $mu-color-sql-table-title: darken($mu-color-component-title-background, 5%);
+$mu-sql-table-max-lines: 3;
 
 .mu-sql-table,
 .mu-sql-table-rendered {
@@ -28,32 +29,21 @@ $mu-color-sql-table-title: darken($mu-color-component-title-background, 5%);
 
   table {
     width: 100%;
+    table-layout: fixed;
     thead,
     tbody {
       width: 100%;
-      display: flex;
-      flex-flow: column;
-      flex-wrap: wrap;
-      justify-content: space-between;
-      align-items: center;
       margin: 0;
       tr {
         width: 100%;
-        padding: 5px 10px;
         margin: 0;
         background-color: white;
-        display: flex;
-        flex-flow: row;
-        flex-wrap: wrap;
-        justify-content: center;
-        align-items: center;
         border-bottom: 1px dashed $mu-color-component-border;
         &:last-child { border-bottom: none }
         td,
         th {
           text-align: center;
-          overflow: hidden;
-          text-overflow: ellipsis;
+          padding: 5px 10px;
           span { margin-left: 5px }
           .mu-sql-table-pk,
           .mu-sql-table-fk { font-size: 75% };
@@ -62,6 +52,25 @@ $mu-color-sql-table-title: darken($mu-color-component-title-background, 5%);
           border-right: 1px dashed $mu-color-component-border;
           &:last-child { border-right: none }
         }
+        th {
+          overflow: hidden;
+          white-space: nowrap;
+          text-overflow: ellipsis;
+        }
+        td {
+          span {
+            display: block;
+            display: -webkit-box;
+            max-width: 400px;
+            max-height: $font-size-base * $line-height-base * $mu-sql-table-max-lines;
+            font-size: $font-size-base;
+            line-height: $line-height-base;
+            -webkit-line-clamp: $mu-sql-table-max-lines;
+            -webkit-box-orient: vertical;
+            overflow: hidden;
+            text-overflow: ellipsis;
+          }
+        }
       }
     }
     thead {

data/app/assets/stylesheets/mumuki-styles.css

@@ -9581,31 +9581,21 @@ pre code {
     margin: 0; }
   .mu-sql-table table,
   .mu-sql-table-rendered table {
-    width: 100%; }
+    width: 100%;
+    table-layout: fixed; }
     .mu-sql-table table thead,
     .mu-sql-table table tbody,
     .mu-sql-table-rendered table thead,
     .mu-sql-table-rendered table tbody {
       width: 100%;
-      display: flex;
-      flex-flow: column;
-      flex-wrap: wrap;
-      justify-content: space-between;
-      align-items: center;
       margin: 0; }
       .mu-sql-table table thead tr,
       .mu-sql-table table tbody tr,
       .mu-sql-table-rendered table thead tr,
       .mu-sql-table-rendered table tbody tr {
         width: 100%;
-        padding: 5px 10px;
         margin: 0;
         background-color: white;
-        display: flex;
-        flex-flow: row;
-        flex-wrap: wrap;
-        justify-content: center;
-        align-items: center;
         border-bottom: 1px dashed #cfd9db; }
         .mu-sql-table table thead tr:last-child,
         .mu-sql-table table tbody tr:last-child,
@@ -9621,8 +9611,7 @@ pre code {
         .mu-sql-table-rendered table tbody tr td,
         .mu-sql-table-rendered table tbody tr th {
           text-align: center;
-          overflow: hidden;
-          text-overflow: ellipsis;
+          padding: 5px 10px;
           border-right: 1px dashed #cfd9db; }
           .mu-sql-table table thead tr td span,
           .mu-sql-table table thead tr th span,
@@ -9677,6 +9666,27 @@ pre code {
           .mu-sql-table-rendered table tbody tr td:last-child,
           .mu-sql-table-rendered table tbody tr th:last-child {
             border-right: none; }
+        .mu-sql-table table thead tr th,
+        .mu-sql-table table tbody tr th,
+        .mu-sql-table-rendered table thead tr th,
+        .mu-sql-table-rendered table tbody tr th {
+          overflow: hidden;
+          white-space: nowrap;
+          text-overflow: ellipsis; }
+        .mu-sql-table table thead tr td span,
+        .mu-sql-table table tbody tr td span,
+        .mu-sql-table-rendered table thead tr td span,
+        .mu-sql-table-rendered table tbody tr td span {
+          display: block;
+          display: -webkit-box;
+          max-width: 400px;
+          max-height: 91.8px;
+          font-size: 17px;
+          line-height: 1.8;
+          -webkit-line-clamp: 3;
+          -webkit-box-orient: vertical;
+          overflow: hidden;
+          text-overflow: ellipsis; }
     .mu-sql-table table thead,
     .mu-sql-table-rendered table thead {
       border-bottom: 2px solid #cfd9db; }

data/lib/mumuki/styles/version.rb

@@ -1,5 +1,5 @@
 module Mumuki
   module Styles
-    VERSION = "1.16.0"
+    VERSION = "1.16.1"
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: mumuki-styles
 version: !ruby/object:Gem::Version
-  version: 1.16.0
+  version: 1.16.1
 platform: ruby
 authors:
 - Federico Scarpa
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-01-05 00:00:00.000000000 Z
+date: 2018-01-07 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler