@operato/data-grist 7.0.0-rc.6 → 7.0.0-rc.8

package/src/data-grid/data-grid-body.ts

@@ -6,7 +6,6 @@ import { customElement, property, query, state } from 'lit/decorators.js'
 import { ifDefined } from 'lit/directives/if-defined.js'
 import debounce from 'lodash-es/debounce'
 
-import { TooltipStyles } from '@operato/styles'
 import { sleep, parseToNumberOrNull } from '@operato/utils'
 
 import { ZERO_CONFIG, ZERO_DATA } from '../configure/zero-config'
@@ -58,7 +57,6 @@ export class DataGridBody extends LitElement {
   }, THRESHOLD)
 
   static styles = [
-    TooltipStyles,
     dataGridBodyStyle,
     css`
       :host {

package/src/data-grid/data-grid-field.ts

@@ -2,7 +2,6 @@ import { css, html, LitElement, PropertyValues, TemplateResult } from 'lit'
 // import { guard } from 'lit/directives/guard.js'
 import { customElement, property } from 'lit/decorators.js'
 
-import { TooltipStyles } from '@operato/styles'
 import { TooltipReactiveController } from '@operato/utils'
 
 import { ZERO_COLUMN } from '../configure/zero-config'
@@ -13,7 +12,6 @@ const DEFAULT_TEXT_ALIGN = 'left'
 @customElement('ox-grid-field')
 export class DataGridField extends LitElement {
   static styles = [
-    TooltipStyles,
     css`
       :host {
         display: flex;
@@ -41,6 +39,7 @@ export class DataGridField extends LitElement {
 
       :host([gutter]) * {
         cursor: default;
+        font-size:1.2em;
       }
 
       :host([editing]) {

package/src/data-grid/data-grid-header.ts

@@ -7,7 +7,6 @@ import { ifDefined } from 'lit/directives/if-defined.js'
 import throttle from 'lodash-es/throttle'
 
 import { OxPopup } from '@operato/popup'
-import { TooltipStyles } from '@operato/styles'
 import { TooltipReactiveController, closestElement } from '@operato/utils'
 
 import { ZERO_COLUMNS, ZERO_DATA } from '../configure/zero-config'
@@ -19,7 +18,6 @@ import { ColumnConfig, FilterConfigObject, FilterValue, GristData, SortersConfig
 export class DataGridHeader extends LitElement {
   static styles = [
     FilterStyles,
-    TooltipStyles,
     css`
       :host {
         position: relative;
@@ -63,10 +61,11 @@ export class DataGridHeader extends LitElement {
         line-height: 1.6;
         text-transform: capitalize;
         align-self: center;
+        display: flex;
       }
 
       span[for-title] md-icon {
-        font-size: var(--grid-record-fontsize);
+        font-size: 1.2em;
       }
 
       span[sorter],

package/src/data-list/data-list-field.ts

@@ -3,12 +3,9 @@ import { LitElement, TemplateResult, css, html } from 'lit'
 import { ZERO_COLUMN, ZERO_RECORD } from '../configure/zero-config'
 import { customElement, property } from 'lit/decorators.js'
 
-import { TooltipStyles } from '@operato/styles'
-
 @customElement('ox-list-field')
 export class DataListField extends LitElement {
   static styles = [
-    TooltipStyles,
     css`
       :host {
         display: flex;

package/src/data-report/data-report-field.ts

@@ -31,6 +31,7 @@ export class DataReportField extends LitElement {
 
       :host([gutter]) * {
         cursor: default;
+        font-size:1.2em;
       }
 
       * {

package/src/gutters/gutter-button.ts

@@ -10,8 +10,8 @@ export class GutterButton {
 
     var iconFn = typeof icon == 'function' ? icon : () => icon
 
-    var inlineHeaderStyle = 'font-size: var(--grid-record-fontsize);margin-top:1px;'
-    var inlineRecordStyle = 'font-size: var(--grid-record-fontsize);margin-top:1px;'
+    var inlineHeaderStyle = 'margin-top:1px;'
+    var inlineRecordStyle = 'margin-top:1px;'
 
     return Object.assign(
       {},