crossplane
/
docs
mirror of https://github.com/crossplane/docs.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fix spacing when browser size is below 1200px wide. Fixes #227 (#228) 

Signed-off-by: Pete Lumbis <pete@upbound.io>

Signed-off-by: Pete Lumbis <pete@upbound.io>
This commit is contained in:
Pete Lumbis 2022-12-09 11:32:54 -05:00 committed by GitHub
parent 225a3a038d
commit 83fbecce6d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 17 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
themes/geekboot/assets/scss/_navbar.scss
View File

@ -26,41 +26,6 @@
} }
} }
@media (min-width: 993px) and (max-width: 1090px){
// .icons {
// white-space: nowrap;
// flex-direction: column;
// padding-right: 0 !important;
// .slack-icon,
// .github-icon {
// padding-left: 0 !important;
// padding-right: 0 !important;
// padding-top: 0 !important;
// padding-bottom: 0 !important;
// }
// }
// .color-switcher {
// .form-check {
// white-space: nowrap;
// flex-direction: column;
// padding-right: 0 !important;
// .form-check-input {
// padding-bottom: 2px;
// }
// .form-check-label {
// padding-right: 0px !important;
// padding-left: 0px !important;
// }
// }
// }
}
// Mobile View // Mobile View
@include media-breakpoint-down(lg) { @include media-breakpoint-down(lg) {
@ -125,6 +90,23 @@
// Desktop View // Desktop View
@include media-breakpoint-up(lg) { @include media-breakpoint-up(lg) {
//spacing fixes between large screens and mobile view
@include media-breakpoint-down(xxl){
.navbar-brand{
width: initial !important;
}
.navbar-icons{
min-width: 0 !important;
}
.navbar-link{
padding-left: 5px !important;
padding-right: 5px !important;
}
}
.offcanvas{ .offcanvas{
display: none; display: none;
} }