Allow items behind card-actions to be tapped.

Tangerine-Community · May 19, 2022 · 694d1bd · 694d1bd
1 parent 6c4d6a0
commit 694d1bd
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/style/tangy-element-styles.js b/style/tangy-element-styles.js
@@ -55,7 +55,7 @@ $_documentStyleContainer.innerHTML = `<dom-module id="tangy-element-styles">
       }
       .flex-container > #qnum-content {
         width: 100%;
-        padding-right: 2em;
+        /* padding-right: 2em; */
       }
       #qnum-number > label {
         margin-right: 0.5rem;

diff --git a/tangy-form-item.js b/tangy-form-item.js
@@ -112,6 +112,8 @@ export class TangyFormItem extends PolymerElement {
           right: 0px;
           padding: 0px;
           margin: 0px;
+          pointer-events: none;
+          border-top: none;
         }
         :host([fullscreen-enabled]) paper-button {
           background-color: var(--fullscreen-nav--background-color, white);
@@ -123,6 +125,7 @@ export class TangyFormItem extends PolymerElement {
           color: var(--fullscreen-nav--color, grey);
           height: var(--fullscreen-nav--height);
           width: var(--fullscreen-nav--width);
+          pointer-events: auto;
  
         }
         /* Buttons when nav aligned at the top */
@@ -178,6 +181,8 @@ export class TangyFormItem extends PolymerElement {
         }
         :host([fullscreen-enabled]) .card-content {
           padding-top: 0px;
+          padding-left: var(--fullscreen-nav--width);
+          padding-right: var(--fullscreen-nav--width);
         }
         :host([fullscreen-enabled]) .card-actions .check-mark {
           display: none;