@neovici/cosmoz-omnitable 8.9.0 → 8.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/lib/settings/cosmoz-omnitable-group.js +2 -1
  2. package/lib/settings/cosmoz-omnitable-settings.js +1 -1
  3. package/lib/settings/style.css.js +15 -3
  4. package/package.json +1 -1
package/lib/settings/cosmoz-omnitable-group.js CHANGED
@@ -17,6 +17,7 @@ export default () => html`
17
17
  (c) =>
18
18
  html`<button
19
19
  class="group"
20
+ title=${c.title}
20
21
  data-group=${ifDefined(
21
22
  (c.name === groupOn && (descending ? 'desc' : 'asc')) || undefined
22
23
  )}
@@ -34,7 +35,7 @@ export default () => html`
34
35
  }
35
36
  }}
36
37
  >
37
- ${c.title} ${triangle}
38
+ <span>${c.title}</span> ${triangle}
38
39
  </button>`
39
40
  );
40
41
  }}
package/lib/settings/cosmoz-omnitable-settings.js CHANGED
@@ -25,7 +25,7 @@ const placement = ['bottom-right', ...defaultPlacement],
25
25
  filters,
26
26
  }) =>
27
27
  (column, i) => {
28
- const indeterminate = collapsed?.includes(column.name),
28
+ const indeterminate = !!collapsed?.find((c) => c.name === column.name),
29
29
  checked = !column.disabled && !indeterminate;
30
30
  return html` <div
31
31
  class="item"
package/lib/settings/style.css.js CHANGED
@@ -8,7 +8,7 @@ export default css`
8
8
  flex-direction: column;
9
9
  max-height: var(--ot-height, 60vh);
10
10
  outline: none;
11
- min-width: 264px;
11
+ min-width: 270px;
12
12
  }
13
13
 
14
14
  .headline {
@@ -94,7 +94,9 @@ export default css`
94
94
  color: #c4c4c4;
95
95
  }
96
96
  .title {
97
- flex: 1;
97
+ flex: auto;
98
+ overflow: hidden;
99
+ text-overflow: ellipsis;
98
100
  }
99
101
  .title[has-filter] {
100
102
  font-weight: bold;
@@ -147,7 +149,8 @@ export default css`
147
149
  display: grid;
148
150
  column-gap: 7px;
149
151
  row-gap: 8px;
150
- grid-template-columns: 1fr 1fr;
152
+ grid-template-columns: repeat(auto-fit, minmax(112px, 1fr));
153
+ grid-template-rows: auto;
151
154
  padding: 14px;
152
155
  }
153
156
  .group {
@@ -159,6 +162,13 @@ export default css`
159
162
  padding: 6px 12px;
160
163
  background: transparent;
161
164
  cursor: pointer;
165
+ display: flex;
166
+ align-items: center;
167
+ justify-content: center;
168
+ }
169
+ .group span {
170
+ overflow: hidden;
171
+ text-overflow: ellipsis;
162
172
  }
163
173
  .group[data-group] {
164
174
  background: var(
@@ -167,6 +177,8 @@ export default css`
167
177
  );
168
178
  }
169
179
  .group svg {
180
+ margin-left: 4px;
181
+ flex: none;
170
182
  vertical-align: middle;
171
183
  }
172
184
  .group:not([data-group]) svg {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@neovici/cosmoz-omnitable",
3
- "version": "8.9.0",
3
+ "version": "8.10.0",
4
4
  "description": "[![Build Status](https://travis-ci.org/Neovici/cosmoz-omnitable.svg?branch=master)](https://travis-ci.org/Neovici/cosmoz-omnitable)",
5
5
  "keywords": [
6
6
  "web-components"