Mercurial > p > roundup > code
comparison website/www/_static/style.css @ 7431:e1d06d4dc81f
Adjust multicol links to be larger on narrow width (mobile) devices.
| author | John Rouillard <rouilj@ieee.org> |
|---|---|
| date | Mon, 29 May 2023 19:44:44 -0400 |
| parents | bd5bebb11695 |
| children | 0d9f704a7ef2 |
comparison
equal
deleted
inserted
replaced
| 7430:bd5bebb11695 | 7431:e1d06d4dc81f |
|---|---|
| 505 } | 505 } |
| 506 | 506 |
| 507 /* use for table of links to increase space between | 507 /* use for table of links to increase space between |
| 508 links on small devices */ | 508 links on small devices */ |
| 509 table.linkspacing tr {height: 48px;} | 509 table.linkspacing tr {height: 48px;} |
| 510 | |
| 511 ul.multicol a { | |
| 512 display: inline-block; | |
| 513 min-height: 48px; | |
| 514 } | |
| 515 | |
| 510 } | 516 } |
| 511 | 517 |
| 512 @media only screen and (max-width:512px) { | 518 @media only screen and (max-width:512px) { |
| 513 /* prevent searchbox bleed into jumplink@top left. */ | 519 /* prevent searchbox bleed into jumplink@top left. */ |
| 514 #searchbox { max-width: 48%; } | 520 #searchbox { max-width: 48%; } |