From 1345d20dd5a770938ba7a302ab0343b6d81121b0 Mon Sep 17 00:00:00 2001
From: Samuel Couillard <43917914+scouillard@users.noreply.github.com>
Date: Tue, 7 Feb 2023 16:02:25 -0500
Subject: [PATCH] (Quick)Fix vertical-center breakpoints for smaller screens
(#4773)
* Quickfix: adjust vertical-center class for smaller screens
* Add Margin Bottom to RoomJoin
* Fix padding size
* Fix padding size
* Remove Bottom Margin on RoomJoin
* Add breakpoint to vertical-buffer
---
app/assets/stylesheets/helpers.scss | 12 ++++++++++++
1 file changed, 12 insertions(+)
diff --git a/app/assets/stylesheets/helpers.scss b/app/assets/stylesheets/helpers.scss
index 5fe44829..b0102b6e 100644
--- a/app/assets/stylesheets/helpers.scss
+++ b/app/assets/stylesheets/helpers.scss
@@ -17,6 +17,10 @@
right: 0;
margin: auto;
height: 75%;
+
+ @include media-breakpoint-down(xxl) {
+ height: 85%;
+ }
}
.no-header-height {
@@ -24,6 +28,10 @@
.vertical-buffer {
padding-top: 10%;
+
+ @include media-breakpoint-down(xxl) {
+ height: 5%;
+ }
}
}
@@ -32,6 +40,10 @@
.vertical-buffer {
padding-top: 5%;
+
+ @include media-breakpoint-down(xxl) {
+ height: 3%;
+ }
}
}
--
GitLab