diff --git a/main/404.html b/main/404.html index d8985559..dec1782c 100644 --- a/main/404.html +++ b/main/404.html @@ -91,7 +91,9 @@ - + diff --git a/main/architecture/index.html b/main/architecture/index.html index 4fa66984..971b9527 100644 --- a/main/architecture/index.html +++ b/main/architecture/index.html @@ -90,7 +90,9 @@ - + diff --git a/main/architecture/parser.html b/main/architecture/parser.html index d3099f60..4b2af48e 100644 --- a/main/architecture/parser.html +++ b/main/architecture/parser.html @@ -90,7 +90,9 @@ - + diff --git a/main/architecture/runner.html b/main/architecture/runner.html index de55ee24..64cb3b39 100644 --- a/main/architecture/runner.html +++ b/main/architecture/runner.html @@ -90,7 +90,9 @@ - + diff --git a/main/architecture/writer.html b/main/architecture/writer.html index d1054848..41c71124 100644 --- a/main/architecture/writer.html +++ b/main/architecture/writer.html @@ -90,7 +90,9 @@ - + diff --git a/main/cli.html b/main/cli.html index 3399994d..46d71a0d 100644 --- a/main/cli.html +++ b/main/cli.html @@ -90,7 +90,9 @@ - + diff --git a/main/css/chrome.css b/main/css/chrome.css index 2314f7a1..8b78255d 100644 --- a/main/css/chrome.css +++ b/main/css/chrome.css @@ -269,8 +269,14 @@ pre > .buttons button { /* On mobile, make it easier to tap buttons. */ padding: 0.3rem 1rem; } + + .sidebar-resize-indicator { + /* Hide resize indicator on devices with limited accuracy */ + display: none; + } } pre > code { + display: block; padding: 1rem; } @@ -422,22 +428,35 @@ ul#searchresults span.teaser em { position: absolute; cursor: col-resize; width: 0; - right: 0; + right: calc(var(--sidebar-resize-indicator-width) * -1); top: 0; bottom: 0; + display: flex; + align-items: center; +} + +.sidebar-resize-handle .sidebar-resize-indicator { + width: 100%; + height: 12px; + background-color: var(--icons); + margin-inline-start: var(--sidebar-resize-indicator-space); +} + +[dir=rtl] .sidebar .sidebar-resize-handle { + left: calc(var(--sidebar-resize-indicator-width) * -1); + right: unset; } -[dir=rtl] .sidebar .sidebar-resize-handle { right: unset; left: 0; } .js .sidebar .sidebar-resize-handle { cursor: col-resize; - width: 5px; + width: calc(var(--sidebar-resize-indicator-width) - var(--sidebar-resize-indicator-space)); } /* sidebar-hidden */ #sidebar-toggle-anchor:not(:checked) ~ .sidebar { - transform: translateX(calc(0px - var(--sidebar-width))); + transform: translateX(calc(0px - var(--sidebar-width) - var(--sidebar-resize-indicator-width))); z-index: -1; } [dir=rtl] #sidebar-toggle-anchor:not(:checked) ~ .sidebar { - transform: translateX(var(--sidebar-width)); + transform: translateX(calc(var(--sidebar-width) + var(--sidebar-resize-indicator-width))); } .sidebar::-webkit-scrollbar { background: var(--sidebar-bg); @@ -448,15 +467,15 @@ ul#searchresults span.teaser em { /* sidebar-visible */ #sidebar-toggle-anchor:checked ~ .page-wrapper { - transform: translateX(var(--sidebar-width)); + transform: translateX(calc(var(--sidebar-width) + var(--sidebar-resize-indicator-width))); } [dir=rtl] #sidebar-toggle-anchor:checked ~ .page-wrapper { - transform: translateX(calc(0px - var(--sidebar-width))); + transform: translateX(calc(0px - var(--sidebar-width) - var(--sidebar-resize-indicator-width))); } @media only screen and (min-width: 620px) { #sidebar-toggle-anchor:checked ~ .page-wrapper { transform: none; - margin-inline-start: var(--sidebar-width); + margin-inline-start: calc(var(--sidebar-width) + var(--sidebar-resize-indicator-width)); } [dir=rtl] #sidebar-toggle-anchor:checked ~ .page-wrapper { transform: none; diff --git a/main/css/print.css b/main/css/print.css index dcf0ba64..80ec3a54 100644 --- a/main/css/print.css +++ b/main/css/print.css @@ -7,7 +7,7 @@ } #page-wrapper.page-wrapper { - transform: none; + transform: none !important; margin-inline-start: 0px; overflow-y: initial; } diff --git a/main/css/variables.css b/main/css/variables.css index 10a75909..0da55e8c 100644 --- a/main/css/variables.css +++ b/main/css/variables.css @@ -3,6 +3,8 @@ :root { --sidebar-width: 300px; + --sidebar-resize-indicator-width: 8px; + --sidebar-resize-indicator-space: 2px; --page-padding: 15px; --content-max-width: 750px; --menu-bar-height: 50px; diff --git a/main/index.html b/main/index.html index d383ed19..b9367258 100644 --- a/main/index.html +++ b/main/index.html @@ -90,7 +90,9 @@ - + diff --git a/main/introduction.html b/main/introduction.html index d383ed19..b9367258 100644 --- a/main/introduction.html +++ b/main/introduction.html @@ -90,7 +90,9 @@ - + diff --git a/main/output/index.html b/main/output/index.html index f5b36f63..0abec1f3 100644 --- a/main/output/index.html +++ b/main/output/index.html @@ -90,7 +90,9 @@ - + diff --git a/main/output/intellij.html b/main/output/intellij.html index f617d7ff..1bd296ed 100644 --- a/main/output/intellij.html +++ b/main/output/intellij.html @@ -90,7 +90,9 @@ - + diff --git a/main/output/json.html b/main/output/json.html index ac74e444..cd17d4eb 100644 --- a/main/output/json.html +++ b/main/output/json.html @@ -90,7 +90,9 @@ - + diff --git a/main/output/junit.html b/main/output/junit.html index 393b7109..14a141a8 100644 --- a/main/output/junit.html +++ b/main/output/junit.html @@ -90,7 +90,9 @@ - + diff --git a/main/output/multiple.html b/main/output/multiple.html index 6db51e62..aba4522a 100644 --- a/main/output/multiple.html +++ b/main/output/multiple.html @@ -90,7 +90,9 @@ - + diff --git a/main/output/terminal.html b/main/output/terminal.html index 9f210f64..7dcd7107 100644 --- a/main/output/terminal.html +++ b/main/output/terminal.html @@ -90,7 +90,9 @@ - + diff --git a/main/output/tracing.html b/main/output/tracing.html index f571a41b..9f09005a 100644 --- a/main/output/tracing.html +++ b/main/output/tracing.html @@ -90,7 +90,9 @@ - + diff --git a/main/print.html b/main/print.html index 8ec83431..bbbc3bfe 100644 --- a/main/print.html +++ b/main/print.html @@ -91,7 +91,9 @@ - + diff --git a/main/quickstart.html b/main/quickstart.html index d4e3763c..7d33f428 100644 --- a/main/quickstart.html +++ b/main/quickstart.html @@ -90,7 +90,9 @@ - + diff --git a/main/writing/asserting.html b/main/writing/asserting.html index 334a89d8..c0604d45 100644 --- a/main/writing/asserting.html +++ b/main/writing/asserting.html @@ -90,7 +90,9 @@ - + diff --git a/main/writing/background.html b/main/writing/background.html index 16194269..de2dab25 100644 --- a/main/writing/background.html +++ b/main/writing/background.html @@ -90,7 +90,9 @@ - + diff --git a/main/writing/capturing.html b/main/writing/capturing.html index 2b26c70b..694363da 100644 --- a/main/writing/capturing.html +++ b/main/writing/capturing.html @@ -90,7 +90,9 @@ - + diff --git a/main/writing/data_tables.html b/main/writing/data_tables.html index 2bb60b8d..a1892f71 100644 --- a/main/writing/data_tables.html +++ b/main/writing/data_tables.html @@ -90,7 +90,9 @@ - + diff --git a/main/writing/doc_strings.html b/main/writing/doc_strings.html index fb06f5cb..21a6f84d 100644 --- a/main/writing/doc_strings.html +++ b/main/writing/doc_strings.html @@ -90,7 +90,9 @@ - + diff --git a/main/writing/hooks.html b/main/writing/hooks.html index e5951846..1d39fe8d 100644 --- a/main/writing/hooks.html +++ b/main/writing/hooks.html @@ -90,7 +90,9 @@ - + diff --git a/main/writing/index.html b/main/writing/index.html index bca33c1d..77bd109d 100644 --- a/main/writing/index.html +++ b/main/writing/index.html @@ -90,7 +90,9 @@ - + diff --git a/main/writing/languages.html b/main/writing/languages.html index f0b95a8c..f74c2cc3 100644 --- a/main/writing/languages.html +++ b/main/writing/languages.html @@ -90,7 +90,9 @@ - + diff --git a/main/writing/modules.html b/main/writing/modules.html index 8bef55d0..997f37a2 100644 --- a/main/writing/modules.html +++ b/main/writing/modules.html @@ -90,7 +90,9 @@ - + diff --git a/main/writing/retries.html b/main/writing/retries.html index f28b55b3..aa6d8a30 100644 --- a/main/writing/retries.html +++ b/main/writing/retries.html @@ -90,7 +90,9 @@ - + diff --git a/main/writing/rule.html b/main/writing/rule.html index 48a6b340..0b3cce42 100644 --- a/main/writing/rule.html +++ b/main/writing/rule.html @@ -90,7 +90,9 @@ - + diff --git a/main/writing/scenario_outline.html b/main/writing/scenario_outline.html index f6b3765f..83ae9f7e 100644 --- a/main/writing/scenario_outline.html +++ b/main/writing/scenario_outline.html @@ -90,7 +90,9 @@ - + diff --git a/main/writing/tags.html b/main/writing/tags.html index bd7dee55..b1c089ea 100644 --- a/main/writing/tags.html +++ b/main/writing/tags.html @@ -90,7 +90,9 @@ - +