You are viewing a plain text version of this content. The canonical link for it is here.
Posted to notifications@freemarker.apache.org by dd...@apache.org on 2020/08/03 23:03:54 UTC
[freemarker-docgen] 03/04: Fixed spacing in left side ToC
This is an automated email from the ASF dual-hosted git repository.
ddekany pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/freemarker-docgen.git
commit 6e25abaca825b461b668e94407fa33027ebf7bf1
Author: ddekany <dd...@apache.org>
AuthorDate: Sun Aug 2 16:08:01 2020 +0200
Fixed spacing in left side ToC
---
.../less/lib/components/table-of-contents.less | 26 +++++++++-------------
1 file changed, 11 insertions(+), 15 deletions(-)
diff --git a/freemarker-docgen-core/src/main/resources-gulp/org/freemarker/docgen/core/less/lib/components/table-of-contents.less b/freemarker-docgen-core/src/main/resources-gulp/org/freemarker/docgen/core/less/lib/components/table-of-contents.less
index 45874a2..605dbd7 100644
--- a/freemarker-docgen-core/src/main/resources-gulp/org/freemarker/docgen/core/less/lib/components/table-of-contents.less
+++ b/freemarker-docgen-core/src/main/resources-gulp/org/freemarker/docgen/core/less/lib/components/table-of-contents.less
@@ -18,6 +18,7 @@
*/
@toc-hamburger-menu-font-size: 16px;
+@toc-hamburger-menu-li-margin: 0.6em;
@toc-xs-menu-font-size: 12px;
@toc-sm-menu-font-size: 13px;
@@ -56,8 +57,8 @@
}
li {
- margin-top: @toc-sm-menu-font-size * 0.75;
- margin-bottom: @toc-sm-menu-font-size * 0.75;
+ margin-top: @toc-hamburger-menu-li-margin;
+ margin-bottom: @toc-hamburger-menu-li-margin;
@media (min-width: @screen-xs-min) {
margin-top: 0;
margin-bottom: 0;
@@ -65,17 +66,15 @@
}
}
-@section-spacing: 12px;
-
-.section {
+li.section {
border-bottom: 1px solid @border-gray;
- margin-bottom: @section-spacing;
- padding-bottom: @section-spacing;
+ padding-bottom: 0;
+ margin-bottom: @toc-hamburger-menu-li-margin;
- @media (min-width: @screen-sm-min) {
- margin-bottom: @section-spacing * 2;
- padding-bottom: @section-spacing * 2;
+ @media (min-width: @screen-xs-min) {
+ padding-bottom: 1em;
+ margin-bottom: 1em;
}
&.last {
@@ -95,11 +94,8 @@
display: block;
line-height: 1;
- margin-bottom: @section-spacing;
-
- @media (min-width: @screen-sm-min) {
- margin-bottom: @section-spacing * 2;
- }
+ margin-top: 1em;
+ margin-bottom: 1em;
a&:hover {
color: @link-hover;