Update style to use rem values.

Jigsaw-Code · Oct 9, 2023 · 92bd08e · 92bd08e
1 parent 7ffd26b
commit 92bd08e
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/src/www/ui_components/app-root.js b/src/www/ui_components/app-root.js
@@ -64,10 +64,10 @@ export class AppRoot extends mixinBehaviors([AppLocalizeBehavior], PolymerElemen
     return html`
       <style>
         :host {
-          --app-toolbar-height: 40px;
-          --app-toolbar-gutter: 8px;
-          --app-toolbar-button-gutter: 12px;
-          --app-header-height: 56px;
+          --app-toolbar-height: 2.5rem;
+          --app-toolbar-gutter: .5rem;
+          --app-toolbar-button-gutter: .75rem;
+          --app-header-height: 3.5rem;
           --contact-view-gutter: calc(var(--app-toolbar-gutter) + var(--app-toolbar-button-gutter));
           --contact-view-max-width: 400px;
           --light-green: #2fbea5;

diff --git a/src/www/views/contact_view/index.ts b/src/www/views/contact_view/index.ts
@@ -79,7 +79,6 @@ export class ContactView extends LitElement {
          * this issue.
          */
         --mdc-menu-max-height: 200px;
-        --mdc-menu-max-width: var(--contact-view-max-width);
         width: 100%;
       }