fix: align sidebar sliding with the buttons (#1123)

* fix: aline the sidebar sliding with the buttons

* build: force test to run on all platform
if one platform is failing we cannot see if it's platform related as the other were closed

Author: 12rambau

.github/workflows/tests.yml

@@ -27,6 +27,7 @@ jobs:
   tests:
     runs-on: ${{ matrix.os }}
     strategy:
+      fail-fast: false
       matrix:
         os: [ubuntu-latest]
         python-version: ["3.7", "3.8", "3.9", "3.10", "3.11-dev"]

src/pydata_sphinx_theme/assets/styles/sections/_sidebar-toggle.scss

@@ -100,15 +100,13 @@ input {
 }
 
 .bd-sidebar-primary {
-  // One breakpoint less than $breakpoint-sidebar-primary. See variables/_layout.scss for more info.
-  @include media-breakpoint-down(md) {
+  @include media-breakpoint-down($breakpoint-sidebar-primary) {
     @include sliding-drawer("left");
   }
 }
 
 .bd-sidebar-secondary {
-  // One breakpoint less than $breakpoint-sidebar-secondary. See variables/_layout.scss for more info.
-  @include media-breakpoint-down(lg) {
+  @include media-breakpoint-down($breakpoint-sidebar-secondary) {
     @include sliding-drawer("right");
   }
 }