[IMP] odoo_theme: toctrees-l1,l2 design improvement

Issue 1:
========
The toctrees in the documentation are visually inconsistent because of
the content. Sometimes we have titles that are also links and visually
collides with the rest of the toc making it hard to read. This applies
to toctree-l1 and toctree-l2.

Fix 1:
========
When we have a link and title toctree-l2 in a list containing other
nested toc, we apply another styling displaying it with the same color
as a title, but with an icon and hover behavior indicating that it is a
link. (This commit also changes the direction of the i-link icon to make
it standard).

Issue 2:
========
When we have only have toctree-l1 links without nested toc the toctree
is uselessly taking a lot of space.

Fix: 2
========

In these scenario we add a class to the toctree wrapper to replace the
toctree-l1 style with a toctree-l2.

task-3138525
task-3138563

part of

task-3059178

closes odoo/documentation#6512

X-original-commit: c62bf21987
Signed-off-by: Antoine Vandevenne (anv) <anv@odoo.com>

extensions/odoo_theme/static/fonts/icomoon.svg

@@ -86,7 +86,7 @@
 <glyph unicode="&#xe94c;" glyph-name="chevron-up" d="M821.589 249.344c-9.665 0.038-18.377 4.087-24.563 10.568l-287.074 302.776-282.624-302.763c-6.249-6.648-15.1-10.788-24.917-10.788-18.871 0-34.17 15.298-34.17 34.17 0 9.054 3.521 17.285 9.269 23.399l-0.017-0.018 307.2 329.387c6.228 6.525 14.994 10.582 24.707 10.582 0.074 0 0.148 0 0.222-0.001h-0.011c0.063 0 0.137 0.001 0.211 0.001 9.713 0 18.478-4.057 24.694-10.569l311.991-329.4c5.643-6.072 9.107-14.237 9.107-23.211 0-18.813-15.22-34.071-34.018-34.133h-0.006z" />
 <glyph unicode="&#xe94d;" glyph-name="danger" d="M512 346.404c-18.811 0-34.061 15.25-34.061 34.061v0 207.631c0 18.811 15.25 34.061 34.061 34.061s34.061-15.25 34.061-34.061v0-207.631c0-18.811-15.25-34.061-34.061-34.061v0zM560.128 193.749c0-26.58-21.548-48.128-48.128-48.128s-48.128 21.548-48.128 48.128c0 26.58 21.548 48.128 48.128 48.128s48.128-21.548 48.128-48.128zM991.915 0.853h-959.829c-17.661 0.079-31.947 14.414-31.947 32.085 0 5.907 1.596 11.441 4.381 16.194l-0.082-0.151 479.915 831.147c6.276 8.595 16.317 14.117 27.648 14.117s21.372-5.521 27.581-14.020l0.067-0.097 479.915-831.147c2.703-4.602 4.299-10.136 4.299-16.043 0-17.672-14.286-32.006-31.939-32.085h-0.008zM87.381 65.024h849.237l-424.619 735.232z" />
 <glyph unicode="&#xe94e;" glyph-name="article" d="M863.573 763.051s0 0 0 0l-198.656 173.056c-17.749 15.36-40.619 23.893-64.171 23.893h-380.245c-51.541 0-93.525-41.984-93.525-93.525v-836.949c0-51.541 41.984-93.525 93.525-93.525h582.997c51.541 0 93.525 41.984 93.525 93.525v660.139c0 28.331-12.288 54.955-33.451 73.728zM774.827 752.811h-81.237c-24.235 0-44.032 19.797-44.032 44.032v65.195l125.611-109.227zM803.499 2.219h-582.997c-15.019 0-27.307 12.288-27.307 27.307v836.949c0 15.019 12.288 27.307 27.307 27.307h362.496v-96.939c0-60.757 49.493-110.251 110.251-110.251h132.437c1.707 0 3.413 0.683 5.12 1.024v-658.091c0-15.019-12.288-27.307-27.307-27.307zM656.043 558.933h-287.744c-18.432 0-33.109-14.677-33.109-33.109s14.677-33.109 33.109-33.109h287.744c18.432 0 33.109 14.677 33.109 33.109s-14.677 33.109-33.109 33.109zM656.043 421.717h-287.744c-18.432 0-33.109-14.677-33.109-33.109s14.677-33.109 33.109-33.109h287.744c18.432 0 33.109 14.677 33.109 33.109s-14.677 33.109-33.109 33.109zM512 284.843h-144.043c-18.432 0-33.109-14.677-33.109-33.109s14.677-33.109 33.109-33.109h144.043c18.432 0 33.109 14.677 33.109 33.109s-14.677 33.109-33.109 33.109z" />
-<glyph unicode="&#xe94f;" glyph-name="link" d="M0 743.595c-0.001 0.191-0.001 0.416-0.001 0.642 0 59.543 24.277 113.416 63.473 152.26l0.016 0.016c39.218 39.508 93.553 63.964 153.6 63.964s114.381-24.456 153.587-63.951l0.013-0.013 113.323-112.981c30.973-31.008 52.586-71.371 60.237-116.485l0.179-1.275c0.116-1.058 0.183-2.284 0.183-3.526 0-16.255-11.363-29.856-26.578-33.294l-0.228-0.043c-1.456-0.234-3.134-0.368-4.844-0.368-15.922 0-29.135 11.597-31.653 26.805l-0.026 0.187c-5.83 32.681-21.442 61.004-43.654 82.567l-0.037 0.036-112.981 113.323c-27.132 24.989-63.505 40.309-103.456 40.309-84.454 0-152.917-68.463-152.917-152.917 0-39.951 15.32-76.323 40.406-103.563l-0.097 0.107 113.323-112.981c23.107-23.289 53.777-39.045 88.017-43.276l0.73-0.074c16.365-2.027 28.907-15.848 28.907-32.597 0-18.133-14.7-32.833-32.833-32.833-1.383 0-2.747 0.086-4.085 0.252l0.16-0.016c-49.713 6.16-93.33 28.474-126.293 61.44v0l-112.981 115.029c-39.213 38.86-63.49 92.733-63.49 152.277 0 0.345 0.001 0.69 0.002 1.035v-0.053zM477.867 243.2c-0.042 0.612-0.066 1.327-0.066 2.048 0 17.568 14.242 31.81 31.81 31.81 16.848 0 30.636-13.098 31.739-29.666l0.005-0.096c4.517-35.089 20.361-65.837 43.686-89.084l0.004-0.004 112.981-113.323c28.042-30.451 68.105-49.462 112.608-49.462 84.454 0 152.917 68.463 152.917 152.917 0 44.503-19.011 84.566-49.354 112.511l-0.107 0.097-111.957 112.64c-21.615 21.999-49.98 37.301-81.738 42.549l-0.865 0.118c-15.395 2.544-26.992 15.757-26.992 31.678 0 1.71 0.134 3.388 0.391 5.026l-0.024-0.181c3.481 15.444 17.083 26.807 33.338 26.807 1.242 0 2.469-0.066 3.676-0.196l-0.15 0.013c46.366-7.924 86.705-29.518 117.769-60.425l-0.009 0.009 112.981-113.323c39.31-39.31 63.623-93.615 63.623-153.6 0-119.969-97.254-217.223-217.223-217.223-59.985 0-114.29 24.314-153.6 63.623v0l-113.323 112.981c-33.391 33.154-55.973 77.155-62.018 126.274l-0.105 1.044zM273.067 654.848c0.091 8.823 3.729 16.779 9.554 22.524l0.004 0.004c5.713 5.878 13.695 9.525 22.528 9.525s16.815-3.647 22.521-9.518l463.879-463.538c5.809-5.809 9.402-13.834 9.402-22.699 0-17.729-14.372-32.101-32.101-32.101-8.864 0-16.89 3.593-22.699 9.402l-463.531 463.872c-5.828 5.749-9.467 13.705-9.557 22.511v0.017z" />
+<glyph unicode="&#xe94f;" glyph-name="link" d="M959.147 591.36l-112.64-116.053c-34.133-34.133-78.507-54.613-126.293-61.44v0c-17.067-3.413-34.133 10.24-37.547 27.307s10.24 34.133 27.307 37.547c34.133 3.413 64.853 20.48 88.747 44.373l112.64 112.64c54.613 58.027 54.613 146.773 0 208.213-58.027 61.44-153.6 64.853-215.040 10.24l-112.64-112.64c-23.893-23.893-37.547-51.2-44.373-81.92-3.413-17.067-20.48-30.72-37.547-27.307s-27.307 20.48-27.307 37.547c6.827 44.373 27.307 85.333 61.44 116.053l112.64 112.64c0 0 0 0 0 0 85.333 85.333 221.867 85.333 307.2 0 44.373-40.96 68.267-98.987 68.267-153.6 0-58.027-23.893-112.64-64.853-153.6zM546.133 239.787c-6.827-47.787-27.307-92.16-61.44-126.293l-112.64-112.64c-85.333-85.333-221.867-85.333-307.2 0s-85.333 221.867 0 307.2l112.64 112.64c30.72 30.72 71.68 54.613 119.467 61.44 17.067 3.413 34.133-10.24 37.547-27.307s-10.24-34.133-27.307-37.547c-30.72-3.413-61.44-20.48-81.92-40.96l-112.64-112.64c-6.827-6.827-10.24-10.24-10.24-10.24-58.027-61.44-54.613-160.427 10.24-215.040s160.427-54.613 215.040 10.24l112.64 112.64c23.893 23.893 40.96 54.613 44.373 88.747 0 17.067 17.067 30.72 34.133 30.72s30.72-17.067 30.72-34.133v-6.827zM740.693 632.32l-464.213-464.213c-13.653-13.653-34.133-13.653-44.373 0s-13.653 34.133 0 44.373l464.213 464.213c0 0 0 0 0 0 13.653 13.653 30.72 10.24 44.373 0 6.827-6.827 10.24-13.653 10.24-20.48 0-10.24-3.413-17.067-10.24-23.893z" />
 <glyph unicode="&#xe950;" glyph-name="view-more" d="M472.405 533.333v30.379c-48.057-2.597-86.041-42.198-86.041-90.67 0-10.050 1.633-19.718 4.648-28.755l-0.185 0.641c12.31-36.306 46.084-61.969 85.851-61.969 49.956 0 90.453 40.497 90.453 90.453 0 1.987-0.064 3.96-0.19 5.915l0.014-0.267-30.037-1.707c-1.367-0.111-2.959-0.174-4.566-0.174-31.798 0-57.826 24.705-59.937 55.969l-0.010 0.184zM710.997 378.027c-4.802 2.738-10.552 4.353-16.679 4.353-12.946 0-24.208-7.207-29.994-17.827l-0.089-0.179c-13.53-24.174-30.127-44.797-49.61-62.266l-0.224-0.198c-33.836-19.787-74.498-31.471-117.89-31.471-1.995 0-3.984 0.025-5.967 0.074l0.294-0.006c-52.074 0.655-101.604 10.743-147.22 28.627l2.836-0.979s0 1.707-2.048 2.389c-48.438 40.679-79.504 100.684-81.231 167.986l-0.006 0.291c2.885 78.013 43.454 145.97 103.943 186.517l0.846 0.534c3.787 2.824 6.963 6.218 9.466 10.089l0.092 0.151c33.828 10.667 72.76 17.001 113.112 17.406l0.21 0.002c2.341 0.125 5.082 0.197 7.839 0.197 32.461 0 62.612-9.894 87.6-26.83l-0.549 0.351c28.046-20.029 51.456-44.525 69.684-72.688l0.631-1.040c6.079-9.969 16.894-16.524 29.24-16.524 6.751 0 13.045 1.96 18.342 5.342l-0.137-0.082c10.572 5.937 17.598 17.079 17.598 29.861 0 6.079-1.589 11.787-4.375 16.731l0.089-0.171c-23.826 36.885-53.368 67.84-87.735 92.494l-1.012 0.69c-34.822 25.551-78.527 40.887-125.814 40.887-3.77 0-7.518-0.097-11.24-0.29l0.521 0.022c-265.557 0-474.453-243.029-483.328-253.269-5.182-5.953-8.341-13.786-8.341-22.357s3.159-16.404 8.376-22.399l-0.035 0.041c8.875-10.24 217.771-252.928 482.987-252.928 1.734-0.035 3.779-0.056 5.828-0.056 53.825 0 104.396 13.936 148.3 38.396l-1.552-0.794c4.876 1.448 9.097 3.792 12.675 6.865l-0.045-0.038 4.096 4.096c4.096 2.731 7.851 5.803 11.264 8.533 3.137 2.885 5.759 6.27 7.753 10.038l0.098 0.202c16.927 18.296 31.966 38.772 44.542 60.834l0.856 1.63c2.69 4.768 4.275 10.469 4.275 16.54 0 13.050-7.324 24.39-18.086 30.133l-0.184 0.089zM225.963 594.773c-19.437-36.548-31.009-79.855-31.402-125.828l-0.001-0.124c0.191-36.973 7.7-72.141 21.15-104.199l-0.67 1.799c-49.973 33.914-93.63 70.417-133.342 110.812l-0.119 0.121c42.804 43.275 90.071 81.974 141.103 115.402l3.281 2.017zM989.867 507.051h-111.275v120.491c0 18.851-15.282 34.133-34.133 34.133s-34.133-15.282-34.133-34.133v0-120.491h-111.616c-18.851 0-34.133-15.282-34.133-34.133s15.282-34.133 34.133-34.133v0h110.933v-120.491c0-18.851 15.282-34.133 34.133-34.133s34.133 15.282 34.133 34.133v0 119.808h111.957c18.851 0 34.133 15.282 34.133 34.133s-15.282 34.133-34.133 34.133v0z" />
 <glyph unicode="&#xe951;" glyph-name="view-next" d="M724.309 352.768c-15.36-10.581-30.72-20.139-46.080-29.355 3.072 6.827 6.485 13.312 9.216 19.797 1.055 3.145 1.665 6.766 1.665 10.529 0 13.765-8.148 25.627-19.884 31.026l-0.212 0.088c-3.377 1.319-7.286 2.084-11.374 2.084-13.559 0-25.153-8.41-29.851-20.298l-0.076-0.217c-13.986-33.809-34.642-62.35-60.505-85.116l-0.252-0.218c-2.913-2.666-5.316-5.833-7.084-9.372l-0.084-0.186c-30.56-9.293-65.734-14.872-102.137-15.357l-0.263-0.003c-48.388 0.708-94.392 10.038-136.828 26.517l2.684-0.917v2.389c-45.050 37.747-73.922 93.522-75.43 156.076l-0.005 0.254c1.754 71.843 38.038 134.856 92.827 173.275l0.698 0.464c3.546 2.606 6.502 5.78 8.792 9.416l0.083 0.141c31.396 9.894 67.525 15.737 104.973 16.042l0.158 0.001c27.964-0.263 55.011-3.608 80.996-9.709l-2.489 0.493c2.052-6.61 5.854-12.178 10.867-16.339l0.056-0.045c33.353-23.662 59.903-54.806 77.543-91.083l0.623-1.419c4.985-11.147 15.978-18.774 28.752-18.774 0.092 0 0.184 0 0.276 0.001h-0.014c4.819 0.093 9.381 1.087 13.559 2.821l-0.247-0.091c11.824 4.906 19.989 16.358 19.989 29.718 0 4.556-0.949 8.889-2.661 12.814l0.080-0.207c-5.758 12.554-11.565 23.075-18.037 33.128l0.629-1.043c23.306-12.637 42.715-24.737 61.369-37.839l-1.977 1.317c5.091-3.627 11.437-5.799 18.291-5.799 10.763 0 20.274 5.356 26.015 13.548l0.068 0.102c3.644 5.135 5.825 11.531 5.825 18.436 0 10.827-5.362 20.401-13.576 26.211l-0.1 0.067c-83.948 63.767-189.204 103.547-303.562 107.495l-0.908 0.025c-246.784 0-441.003-225.28-449.195-234.837-4.42-5.697-7.086-12.948-7.086-20.821s2.666-15.124 7.144-20.899l-0.058 0.078c8.192-9.557 202.411-234.837 448.512-234.837 115.432 3.933 220.829 43.853 306.119 108.817l-1.309-0.956c9.465 5.695 15.699 15.912 15.699 27.586 0 17.72-14.365 32.085-32.085 32.085-7.654 0-14.681-2.68-20.196-7.152l0.060 0.047zM209.92 557.568c-18.396-33.813-29.211-74.048-29.211-116.808 0-34.337 6.974-67.046 19.584-96.786l-0.613 1.626c-46.34 31.523-86.854 65.209-123.878 102.374l-0.026 0.026c39.833 40.282 83.738 76.38 131.096 107.675l3.048 1.893zM438.955 500.565v27.989c-44.477-2.582-79.568-39.281-79.568-84.176 0-9.321 1.512-18.288 4.305-26.67l-0.172 0.595c9.301-28.024 32.317-49.117 60.884-55.532l0.556-0.105c5.574-1.319 11.974-2.075 18.551-2.075 46.374 0 83.968 37.594 83.968 83.968 0 1.57-0.043 3.13-0.128 4.68l0.009-0.215h-27.989c-1.472-0.138-3.184-0.217-4.914-0.217-29.363 0-53.413 22.746-55.492 51.579l-0.010 0.18zM1009.664 470.869l-136.533 90.453c-3.897 1.815-8.461 2.874-13.272 2.874-17.72 0-32.085-14.365-32.085-32.085 0-9.735 4.336-18.458 11.181-24.342l0.042-0.036 48.469-31.744h-283.989c-0.991 0.109-2.141 0.171-3.305 0.171-17.72 0-32.085-14.365-32.085-32.085s14.365-32.085 32.085-32.085c1.164 0 2.314 0.062 3.446 0.183l-0.141-0.012h286.037l-53.589-37.547c-8.355-5.874-13.747-15.471-13.747-26.328 0-6.738 2.077-12.991 5.626-18.154l-0.071 0.109c6.158-8.152 15.752-13.427 26.588-13.653l0.036-0.001c0.055 0 0.119-0.001 0.184-0.001 6.679 0 12.882 2.041 18.019 5.534l-0.112-0.072 136.533 95.573c8.152 6.158 13.427 15.752 13.653 26.588l0.001 0.036c0.010 0.302 0.016 0.658 0.016 1.014 0 10.476-5.075 19.767-12.9 25.548l-0.087 0.061z" />
 <glyph unicode="&#xe952;" glyph-name="view" d="M819.2 318.976c-6.249 8.881-16.456 14.613-28.001 14.613-7.274 0-14.016-2.275-19.554-6.153l0.11 0.073c-16.043-11.264-32.085-21.163-47.787-30.379 18.972 35.875 30.187 78.388 30.378 123.502v0.061c-0.501 55.158-17.116 106.336-45.356 149.174l0.641-1.035c24.149-13.325 44.221-25.982 63.538-39.636l-2.098 1.407c5.474-3.857 12.281-6.165 19.627-6.165 18.957 0 34.325 15.368 34.325 34.325 0 11.611-5.765 21.876-14.589 28.087l-0.109 0.073c-89.629 67.968-201.947 110.387-323.966 114.661l-0.983 0.027c-262.485 0-469.675-238.933-477.867-250.539-5.093-5.927-8.194-13.695-8.194-22.187s3.101-16.259 8.232-22.232l-0.038 0.045c8.533-10.24 215.723-250.539 477.867-250.539 123.206 4.368 235.658 47.042 326.689 116.393l-1.399-1.022c8.881 6.249 14.613 16.456 14.613 28.001 0 7.274-2.275 14.016-6.153 19.554l0.073-0.11zM223.915 545.621c-19.552-36.139-31.045-79.111-31.045-124.767 0-36.627 7.396-71.527 20.777-103.288l-0.655 1.751c-49.494 33.431-92.71 69.493-131.978 109.447l-0.118 0.121c42.375 43.1 89.202 81.577 139.811 114.761l3.208 1.975zM343.381 251.733l-2.048 2.389c-47.949 40.238-78.659 99.668-80.209 166.309l-0.005 0.262c2.475 77.178 42.149 144.589 101.597 185.168l0.803 0.517c3.669 2.712 6.736 5.997 9.129 9.752l0.087 0.146c33.542 10.54 72.137 16.756 112.138 17.066l0.161 0.001c30.208-0.14 59.505-3.74 87.607-10.423l-2.615 0.525c1.976-6.998 6.066-12.858 11.526-17.009l0.079-0.058c61.001-40.689 101.342-108.197 104.095-185.28l0.011-0.405c-1.788-66.92-32.579-126.307-80.208-166.288l-0.346-0.283c-3.882-3.597-6.914-8.056-8.797-13.077l-0.077-0.235c-33.251-10.075-71.499-16.037-111.089-16.383l-0.186-0.001c-51.142 0.922-99.696 10.86-144.51 28.284l2.857-0.978zM467.968 484.864v30.037c-47.484-2.382-85.082-41.462-85.082-89.324 0-10.048 1.657-19.709 4.713-28.725l-0.185 0.63c9.705-30.037 34.354-52.648 64.958-59.287l0.578-0.105c5.881-1.378 12.635-2.168 19.572-2.168 49.39 0 89.429 40.039 89.429 89.429 0 1.603-0.042 3.196-0.125 4.779l0.009-0.221h-30.037c-1.374-0.113-2.975-0.178-4.59-0.178-31.302 0-56.949 24.216-59.227 54.936l-0.012 0.196z" />

extensions/odoo_theme/static/js/layout.js

@@ -34,7 +34,25 @@
         // Make all external links open in a new tab by default.
         content.querySelectorAll('a.external').forEach(externalLink => {
             externalLink.setAttribute('target', '_blank');
-        })
+        });
+
+        let canAccessAllL1Toctrees = true; // Whether all direct children have a ref.
+        const toctreeWrapper = document.querySelector('.toctree-wrapper');
+        toctreeWrapper?.querySelectorAll('.toctree-l1').forEach(l1Toctree => {
+            // Flag L2 toctrees that have L3 children.
+            if (l1Toctree.querySelector('.toctree-l3')) {
+                l1Toctree.querySelectorAll('.toctree-l2').forEach (l2Toctree => {
+                    l2Toctree.classList.add('o_toc_contains_l3');
+                });
+            }
+            if (l1Toctree.querySelector('a').getAttribute('href') === '#') {
+                canAccessAllL1Toctrees = false;
+            }
+        });
+        if (canAccessAllL1Toctrees) {
+            // Use the style of L2 toctrees on L1 toctrees.
+            toctreeWrapper?.classList.add('o_toc_l1_to_l2');
+        }
     });
 
 })();

extensions/odoo_theme/static/scss/_typography.scss

@@ -39,5 +39,5 @@ b, strong{
 }
 
 a {
-    font-weight: $font-weight-bold;
+    font-weight: var(--o-link-fontweight, #{$font-weight-bold});
 }

extensions/odoo_theme/static/scss/bootstrap_overridden.scss

@@ -49,6 +49,7 @@ $h6-font-size:                              $font-size-base !default;
 $font-weight-lighter:         200;
 $font-weight-light:           300;
 $font-weight-normal:          400;
+$font-weight-medium:          500;
 $font-weight-bold:            600;
 $font-weight-bolder:          700;
 

extensions/odoo_theme/static/scss/bootstrap_scss/_reboot.scss

@@ -259,11 +259,11 @@ sup { top: -.5em; }
 // Links
 
 a {
-  color: $link-color;
+  color: var(--o-link-color, #{$link-color});
   text-decoration: $link-decoration;
 
   &:hover {
-    color: $link-hover-color;
+    color: var(--o-link-hover-color, #{$link-hover-color});
     text-decoration: $link-hover-decoration;
   }
 }

extensions/odoo_theme/static/style.scss

@@ -586,28 +586,42 @@ main.container-fluid {
 }
 
 .toctree-wrapper {
+    %toctree-custom-link {
+        > a:not([href="#"]){
+            --o-link-color: #{$o-gray-color};
+            --o-link-hover-color: #{$primary};
+
+            &:after {
+                content: ' #{$i-link}';
+                @include o-inline-icon(auto, baseline, 0.7em, $font-weight-bold);
+                color: $primary;
+            }
+        }
+    }
+
     > ul, .toctree-l1 > ul {
         padding-left: 0;
         list-style: none;
     }
 
-    .toctree-l1 > a {
-        display: block;
-        margin-top: $o-padding-m;
-        margin-bottom: $o-margin-s;
-        padding-bottom: $o-padding-xs;
-        border-bottom: 1px solid $o-gray-border;
-        @include font-size($h2-font-size);
-        font-weight: 600;
-    }
-
-    .toctree-l1 {
+    &:not(.o_toc_l1_to_l2) .toctree-l1 {
+        @extend %toctree-custom-link;
         margin-bottom: 2rem;
+
+        > a {
+            display: block;
+            margin-top: $o-padding-m;
+            margin-bottom: $o-margin-s;
+            padding-bottom: $o-padding-xs;
+            border-bottom: 1px solid $o-gray-border;
+            @include font-size($h2-font-size);
+            font-weight: $font-weight-bolder;
+        }
     }
 
-    .toctree-l2 > a[href="#"] {
-        margin-top: 0.7rem;
-        display: inline-block;
+    .toctree-l2.o_toc_contains_l3 {
+        margin-top: map-get($spacers, 3);
+        @extend %toctree-custom-link;
     }
 
     a[href="#"] {
@@ -616,6 +630,10 @@ main.container-fluid {
         pointer-events: none;
         cursor: default;
     }
+
+    .toctree-l3 > a {
+        --o-link-fontweight: #{$font-weight-medium};
+    }
 }
 
 article.doc-body {