Commit 263dcac6d85effcc6f97824bc6bc03a86122b31f
Add a visually-hidden <hr> at the end of each <section>
This improves the layout's clarity in text-mode browsers that don't render sections clearly, e.g. links.Greg K Nicholson committed on 2/16/2018, 11:38:42 AM
Parent: df0e7a9773f81ffdb5ca791b59efe420377ce1bf
Files changed
| themes/ran/static/style/ran.css | ||
|---|---|---|
| @@ -62,9 +62,15 @@ | ||
| 62 | 62 … | body > * { |
| 63 | 63 … | grid-column: 3/4; |
| 64 | 64 … | } |
| 65 | 65 … | |
| 66 … | +.visuallyhidden { | |
| 67 … | + position: absolute !important; | |
| 68 … | + top: -9999em !important; | |
| 69 … | + left: -9999em !important; | |
| 70 … | +} | |
| 66 | 71 … | |
| 72 … | + | |
| 67 | 73 … | /* Top and bottom navigation, article footer */ |
| 68 | 74 … | |
| 69 | 75 … | .topnav { |
| 70 | 76 … | margin-top: 10vh; |
| @@ -144,8 +150,9 @@ | ||
| 144 | 150 … | width: auto; |
| 145 | 151 … | opacity: 1; |
| 146 | 152 … | } |
| 147 | 153 … | |
| 154 … | + | |
| 148 | 155 … | /* Nearby pages */ |
| 149 | 156 … | |
| 150 | 157 … | nav.nearby { |
| 151 | 158 … | display: block; |
| themes/ran/templates/archives.html | ||
|---|---|---|
| @@ -13,8 +13,9 @@ | ||
| 13 | 13 … | </a> |
| 14 | 14 … | </li> |
| 15 | 15 … | {%- endfor -%} |
| 16 | 16 … | </ul> |
| 17 … | + <hr class="visuallyhidden"> | |
| 17 | 18 … | </section> |
| 18 | 19 … | <section class="smalllinks"> |
| 19 | 20 … | <h2>Labels:</h2> |
| 20 | 21 … | <ul> |
| @@ -27,7 +28,8 @@ | ||
| 27 | 28 … | </li> |
| 28 | 29 … | {%- endif -%} |
| 29 | 30 … | {%- endfor -%} |
| 30 | 31 … | </ul> |
| 32 … | + <hr class="visuallyhidden"> | |
| 31 | 33 … | </section> |
| 32 | 34 … | {%- endblock -%} |
| 33 | 35 … | |