Forum Discussion

keithkelly's avatar
keithkelly
Leader
2 years ago

Why is the Private Messages page Scrunching? (JavaScript)

I noticed our private notes pages get scrunched and unusable on low-resolution screens or smaller windows.  Then I noticed a height that's set via JavaScript - changing whenever the page height chan...
UI & Design
keithkelly's avatar
keithkelly
Leader
2 years ago

✅UPDATE / FIX:

With some simple CSS I was able to de-scrunch our pretty-stock Private Messages page AND get rid of the triple-nested-scrollbar:

In page/_private-notes-page.scss:

 

.PrivateNotesPage{
  .lia-private-notes-page{ 
    .lia-quilt-row-main>.lia-quilt-column {
      height: auto; /* say no to boundaries */
    }
    .lia-notes-thread-list {
      margin-bottom: 40px; /* pm list has a personal bubble */
    }
  }
  .lia-content>.lia-top-quilt{
    .lia-quilt-row-main {
      min-height:400px; /* avoid awkwardness */      
      height: auto !important; /* fix mobile message list */
    }
    .lia-quilt-row-footer {
      border-top: 0px none; /* there's prob a better fix */
    }
  }
}