From 30e17961c9453251d80753b7ccfee35ea25a4b00 Mon Sep 17 00:00:00 2001
From: Samuel Couillard <43917914+scouillard@users.noreply.github.com>
Date: Tue, 1 Aug 2023 16:31:17 -0400
Subject: [PATCH] Minor fixes for mobile styling (#5347)
* Minor fixes for mobile styling
* typo
* typo
* Update application.bootstrap.scss
---------
Co-authored-by: Ahmad Farhat <ahmad.farhat@blindsidenetworks.com>
---
.../stylesheets/application.bootstrap.scss | 18 ++++++++++++------
1 file changed, 12 insertions(+), 6 deletions(-)
diff --git a/app/assets/stylesheets/application.bootstrap.scss b/app/assets/stylesheets/application.bootstrap.scss
index f5fec4c7..2446bd5b 100644
--- a/app/assets/stylesheets/application.bootstrap.scss
+++ b/app/assets/stylesheets/application.bootstrap.scss
@@ -67,10 +67,12 @@ body {
color: silver;
}
-// TODO - samuel: make responsive/add breakpoints
.btn {
- min-width: $button-min-width;
white-space: nowrap;
+
+ @include media-breakpoint-up(sm) {
+ min-width: $button-min-width;
+ }
}
.btn-sm {
@@ -196,7 +198,6 @@ input.search-bar {
#footer {
margin-top: $footer-buffer-height;
- max-height: $footer-height;
#footer-container {
border-top: 1px solid #d0d5dd;
@@ -206,6 +207,10 @@ input.search-bar {
color: var(--brand-color) !important;
text-decoration: none !important;
}
+
+ @include media-breakpoint-up(sm) {
+ max-height: $footer-height;
+ }
}
.danger-light-button{
@@ -423,7 +428,6 @@ input.search-bar {
background: white !important;
color: black !important;
border-color: gainsboro !important;
- min-width: 260px;
text-align: left;
&:hover, &:focus, &:active {
@@ -436,8 +440,10 @@ input.search-bar {
}
}
- .dropdown-menu {
- min-width: 260px;
+ button, .dropdown-menu {
+ @include media-breakpoint-up(sm) {
+ min-width: 300px;
+ }
}
}
--
GitLab