mumuki-styles 1.16.0 → 1.16.1

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: be68b6e7dfd8f64ebb70ec61bd231a17c7e2305d
4
- data.tar.gz: 78168fc6c2dab46df2e1ef2153a1a0951fefedb3
3
+ metadata.gz: 4c6b730c143c2d7a3c4bb722d9c823093f0d61de
4
+ data.tar.gz: 824a1ecaf2c4b1ac4f045c7f96223c4cc7be22dc
5
5
  SHA512:
6
- metadata.gz: a32fc8d4b753f4c7ddc5eea52f1e96741acb36872d24db591b1bf671ec96d997da7b4ec2d85b0a8f388d5e19d8d04024571e70617719fed6806b64652293246c
7
- data.tar.gz: 21c3d4e8c140ad56739242d50a190f537285158adbe4aabe27f3f7388fc3cf944094ee1e3148c20e4d839d08486bc2096b0789a77d4f0f979cfbf90eff9f8dfa
6
+ metadata.gz: 07410eda42567a1797f35d5fbe900492bc24f359d866b290bbf131b188c0a426ad9ddba7191d9362d59bd6cd3d3186ab5cce037dee8e5952ffdda11637f509b7
7
+ data.tar.gz: de0dd7df2eb47405d35576edb065c4e03a5a8bc2e6ff480967971b6e447ffce74c1451ba43ea53b298be7e2abebc7f24cdefb19c92b077c6efcb14675fccf99e
@@ -13107,7 +13107,7 @@ mumuki.load(function () {
13107
13107
  var cols = '';
13108
13108
  cols += '<tr>';
13109
13109
  columns.forEach(function (col) {
13110
- cols += '<th style="width: calc(100% / ' + columns.length + ')">' + getColumnName(col) + '</th>';
13110
+ cols += '<th>' + getColumnName(col) + '</th>';
13111
13111
  });
13112
13112
  cols += '</tr>';
13113
13113
  return cols;
@@ -13118,7 +13118,7 @@ mumuki.load(function () {
13118
13118
  rows.forEach(function (row) {
13119
13119
  rowstr += '<tr>';
13120
13120
  row.forEach(function (data) {
13121
- rowstr += '<td style="width: calc(100% / ' + row.length + ')">' + (data === null ? 'NULL' : data) + '</td>';
13121
+ rowstr += '<td><span>' + (data === null ? 'NULL' : data) + '</span></td>';
13122
13122
  });
13123
13123
  rowstr += '</tr>';
13124
13124
  });
@@ -1,4 +1,5 @@
1
1
  $mu-color-sql-table-title: darken($mu-color-component-title-background, 5%);
2
+ $mu-sql-table-max-lines: 3;
2
3
 
3
4
  .mu-sql-table,
4
5
  .mu-sql-table-rendered {
@@ -28,32 +29,21 @@ $mu-color-sql-table-title: darken($mu-color-component-title-background, 5%);
28
29
 
29
30
  table {
30
31
  width: 100%;
32
+ table-layout: fixed;
31
33
  thead,
32
34
  tbody {
33
35
  width: 100%;
34
- display: flex;
35
- flex-flow: column;
36
- flex-wrap: wrap;
37
- justify-content: space-between;
38
- align-items: center;
39
36
  margin: 0;
40
37
  tr {
41
38
  width: 100%;
42
- padding: 5px 10px;
43
39
  margin: 0;
44
40
  background-color: white;
45
- display: flex;
46
- flex-flow: row;
47
- flex-wrap: wrap;
48
- justify-content: center;
49
- align-items: center;
50
41
  border-bottom: 1px dashed $mu-color-component-border;
51
42
  &:last-child { border-bottom: none }
52
43
  td,
53
44
  th {
54
45
  text-align: center;
55
- overflow: hidden;
56
- text-overflow: ellipsis;
46
+ padding: 5px 10px;
57
47
  span { margin-left: 5px }
58
48
  .mu-sql-table-pk,
59
49
  .mu-sql-table-fk { font-size: 75% };
@@ -62,6 +52,25 @@ $mu-color-sql-table-title: darken($mu-color-component-title-background, 5%);
62
52
  border-right: 1px dashed $mu-color-component-border;
63
53
  &:last-child { border-right: none }
64
54
  }
55
+ th {
56
+ overflow: hidden;
57
+ white-space: nowrap;
58
+ text-overflow: ellipsis;
59
+ }
60
+ td {
61
+ span {
62
+ display: block;
63
+ display: -webkit-box;
64
+ max-width: 400px;
65
+ max-height: $font-size-base * $line-height-base * $mu-sql-table-max-lines;
66
+ font-size: $font-size-base;
67
+ line-height: $line-height-base;
68
+ -webkit-line-clamp: $mu-sql-table-max-lines;
69
+ -webkit-box-orient: vertical;
70
+ overflow: hidden;
71
+ text-overflow: ellipsis;
72
+ }
73
+ }
65
74
  }
66
75
  }
67
76
  thead {
@@ -9581,31 +9581,21 @@ pre code {
9581
9581
  margin: 0; }
9582
9582
  .mu-sql-table table,
9583
9583
  .mu-sql-table-rendered table {
9584
- width: 100%; }
9584
+ width: 100%;
9585
+ table-layout: fixed; }
9585
9586
  .mu-sql-table table thead,
9586
9587
  .mu-sql-table table tbody,
9587
9588
  .mu-sql-table-rendered table thead,
9588
9589
  .mu-sql-table-rendered table tbody {
9589
9590
  width: 100%;
9590
- display: flex;
9591
- flex-flow: column;
9592
- flex-wrap: wrap;
9593
- justify-content: space-between;
9594
- align-items: center;
9595
9591
  margin: 0; }
9596
9592
  .mu-sql-table table thead tr,
9597
9593
  .mu-sql-table table tbody tr,
9598
9594
  .mu-sql-table-rendered table thead tr,
9599
9595
  .mu-sql-table-rendered table tbody tr {
9600
9596
  width: 100%;
9601
- padding: 5px 10px;
9602
9597
  margin: 0;
9603
9598
  background-color: white;
9604
- display: flex;
9605
- flex-flow: row;
9606
- flex-wrap: wrap;
9607
- justify-content: center;
9608
- align-items: center;
9609
9599
  border-bottom: 1px dashed #cfd9db; }
9610
9600
  .mu-sql-table table thead tr:last-child,
9611
9601
  .mu-sql-table table tbody tr:last-child,
@@ -9621,8 +9611,7 @@ pre code {
9621
9611
  .mu-sql-table-rendered table tbody tr td,
9622
9612
  .mu-sql-table-rendered table tbody tr th {
9623
9613
  text-align: center;
9624
- overflow: hidden;
9625
- text-overflow: ellipsis;
9614
+ padding: 5px 10px;
9626
9615
  border-right: 1px dashed #cfd9db; }
9627
9616
  .mu-sql-table table thead tr td span,
9628
9617
  .mu-sql-table table thead tr th span,
@@ -9677,6 +9666,27 @@ pre code {
9677
9666
  .mu-sql-table-rendered table tbody tr td:last-child,
9678
9667
  .mu-sql-table-rendered table tbody tr th:last-child {
9679
9668
  border-right: none; }
9669
+ .mu-sql-table table thead tr th,
9670
+ .mu-sql-table table tbody tr th,
9671
+ .mu-sql-table-rendered table thead tr th,
9672
+ .mu-sql-table-rendered table tbody tr th {
9673
+ overflow: hidden;
9674
+ white-space: nowrap;
9675
+ text-overflow: ellipsis; }
9676
+ .mu-sql-table table thead tr td span,
9677
+ .mu-sql-table table tbody tr td span,
9678
+ .mu-sql-table-rendered table thead tr td span,
9679
+ .mu-sql-table-rendered table tbody tr td span {
9680
+ display: block;
9681
+ display: -webkit-box;
9682
+ max-width: 400px;
9683
+ max-height: 91.8px;
9684
+ font-size: 17px;
9685
+ line-height: 1.8;
9686
+ -webkit-line-clamp: 3;
9687
+ -webkit-box-orient: vertical;
9688
+ overflow: hidden;
9689
+ text-overflow: ellipsis; }
9680
9690
  .mu-sql-table table thead,
9681
9691
  .mu-sql-table-rendered table thead {
9682
9692
  border-bottom: 2px solid #cfd9db; }
@@ -1,5 +1,5 @@
1
1
  module Mumuki
2
2
  module Styles
3
- VERSION = "1.16.0"
3
+ VERSION = "1.16.1"
4
4
  end
5
5
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: mumuki-styles
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.16.0
4
+ version: 1.16.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - Federico Scarpa
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2018-01-05 00:00:00.000000000 Z
11
+ date: 2018-01-07 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler