zakarya/puzzles
1
0
Fork 0
mirror of git://git.tartarus.org/simon/puzzles.git synced 2025-04-20 23:51:29 -07:00
Code Issues Packages Projects Releases Wiki Activity

js: Subtle extra padding for menus

Browse Source 
Each menu item has a -0.5px margin so that the borders of adjacent menu
items overlap, but we don't actually want the menu items to protrude
beyond the containing <ul>.  Adding 0.5px of padding to the <ul>
achieves that.
This commit is contained in:
Ben Harris
2022-11-24 23:28:28 +00:00
parent 38e17ebab2
commit 5a2ea91cad
1 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
html/jspage.pl
View File

@ -93,7 +93,10 @@ EOF
flex-wrap: wrap; flex-wrap: wrap;
justify-content: center; justify-content: center;
margin: 0; margin: 0;
padding: 0; /* Compensate for the negative margins on menu items by adding a
* little bit of padding so that the borders of the items don't protrude
* beyond the menu. */
padding: 0.5px;
} }
/* Individual menu items are <li> elements within such a <ul> */ /* Individual menu items are <li> elements within such a <ul> */