NetTalk Central

NetTalk Web Server => Web Server - Ask For Help => Topic started by: CaseyR on March 21, 2018, 07:49:48 PM

Title: Problem with lookup button and responsive CSS using EDGE browser
Post by: CaseyR on March 21, 2018, 07:49:48 PM

Hi, Bruce

My lookup entry fields that expand and contract with screen width using FF and Chrome,  don't with EDGE.  I tracked the problem down to

.nt-lookup > input, nt-lookup > image, nt-lookup > button {
   flex: 0 1 100%;
}
in nettalk-grid.css

When set to 'none' the lookup fields expand and contract properly but when the screen is very narrow the lookup button gets squished.   My workaround is to include a revised rule in each of the relevant media sensitive styles.  E.g.,

@media (min-width: 40.01em) and (max-width: 70em){
   .nt-lookup > input, nt-lookup > image, nt-lookup > button {
   flex: none;
  }
  .mad-long-entry{
     width: 35em; 
  }
}

This looks like something that is going to bite later on.  Any thoughts?

Thanks.