Apply compact preset and add custom theme for the select

vaadin · Mar 6, 2019 · ae5d87d · ae5d87d
1 parent cfd5c4f
commit ae5d87d
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/data-entry/invoice-editor/invoice-editor/src/invoice-editor-app/invoice-editor-styles.html b/data-entry/invoice-editor/invoice-editor/src/invoice-editor-app/invoice-editor-styles.html
@@ -1,12 +1,24 @@
 <link rel="import" href="../../bower_components/vaadin-lumo-styles/typography.html">
 <link rel="import" href="../../bower_components/vaadin-lumo-styles/sizing.html">
+<link rel="import" href="../../bower_components/vaadin-lumo-styles/presets/compact.html">
 
 <style>
   body {
     margin: 0;
   }
 </style>
 
+<dom-module id="custom-select" theme-for="vaadin-text-field">
+  <template>
+    <style>
+      :host([theme="custom"]) [part="input-field"],
+      :host([theme="custom"]) [part="input-field"] {
+        background-color: transparent;
+      }
+    </style>
+  </template>
+</dom-module>
+
 <dom-module id="large-text-field-styles" theme-for="vaadin-text-field">
   <template>
     <style>