NetTalk Central

Author Topic: Problem with lookup button and responsive CSS using EDGE browser  (Read 3789 times)

CaseyR

  • Sr. Member
  • ****
  • Posts: 448
    • View Profile
    • Email
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.