Merge pull request #12 from NenoR96/fixingUI

fix: horizontal scroll on list

Author: hariszupcevic

src/widget/index.html

@@ -62,8 +62,11 @@
     </button>
   </form>-->
   <div role="separator" class="mdc-list-divider"></div>
-  <ul class="mdc-list mdc-list--two-line mdc-list--avatar-list" id="inboxMessages">
-  </ul>
+  <div class="scrollDiv">
+    <ul class="mdc-list mdc-list--two-line mdc-list--avatar-list" id="inboxMessages">
+    </ul>
+  </div>
+  
   <div id="emptyState">
     <span class="primaryTextTheme">No results found</span>
     <icon class="material-icons icon icon-drawer2 empty-icon"></icon>

src/widget/style.css

@@ -197,10 +197,9 @@ span.mdc-chip__primary-action:focus {
 }
 
 .mdc-list {
-  position: absolute;
-  overflow-y: scroll;
-  height: 75vh;
-  width: 100%;
+  max-height: calc(100vh - 115px);
+  overflow-y: auto;
+  overflow-x: hidden;
 }
 
 .mdc-list-item__primary-text {

src/widget/widget.js

@@ -137,7 +137,7 @@ function render(thread, otherUser, chipText, index,callback) {
           }
           actionItem = JSON.stringify(actionItem);
           navigate();
-        }
+        } else { actionItem = null; navigate(); }
       });
 
     } else {