diff --git a/assets/scss/_resizable-bootstrap-overrides.scss b/assets/scss/_resizable-bootstrap-overrides.scss index a385b0f2076..7f6fc4eebe5 100644 --- a/assets/scss/_resizable-bootstrap-overrides.scss +++ b/assets/scss/_resizable-bootstrap-overrides.scss @@ -72,7 +72,16 @@ /* Inner + aside follow the auto height instead of the desktop 100vh. */ [data-resizable-key="sidebar"] .resizable__inner { height: auto; overflow: visible; } - [data-resizable-key="sidebar"] .td-sidebar { height: auto; } + [data-resizable-key="sidebar"] .td-sidebar { + height: auto; + padding-left: 0.75rem; + padding-right: 0.75rem; + } + + .td-sidebar-nav { + margin-left: 0; + margin-right: 0; + } .row > main { flex: 1 1 100%; diff --git a/assets/scss/_search_project.scss b/assets/scss/_search_project.scss index b4a06bd04ad..cb9668aab89 100644 --- a/assets/scss/_search_project.scss +++ b/assets/scss/_search_project.scss @@ -85,6 +85,34 @@ } } +@media (max-width: 991.98px) { + .td-sidebar { + .td-sidebar__search { + display: flex; + align-items: center; + width: 100%; + max-width: 100%; + box-sizing: border-box; + + .td-search { + flex: 1 1 auto; + min-width: 0; + width: auto; + max-width: 100%; + } + + .td-search__input { + width: 100%; + min-width: 0; + } + + .td-sidebar__toggle { + flex: 0 0 auto; + } + } + } +} + // Offline search .td-search--offline { diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss index 5a198aa647e..1fbd550ffc1 100644 --- a/assets/scss/_styles_project.scss +++ b/assets/scss/_styles_project.scss @@ -226,6 +226,8 @@ a:not([href]):not([class]):hover { height: auto; top: 0; padding-top: 0; + padding-left: 0.75rem; + padding-right: 0.75rem; } }