From 26bcb8b673a07990604b363e57540072c7772d3e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bar=C4=B1=C5=9F=20Soner=20U=C5=9Fakl=C4=B1?=
 <barisusakli@gmail.com>
Date: Mon, 3 Oct 2022 10:41:21 -0400
Subject: [PATCH] breaking: move bottom-sheet.scss to core

---
 public/scss/client.scss               |  3 +-
 public/scss/modules/bottom-sheet.scss | 51 +++++++++++++++++++++++++++
 2 files changed, 53 insertions(+), 1 deletion(-)
 create mode 100644 public/scss/modules/bottom-sheet.scss

diff --git a/public/scss/client.scss b/public/scss/client.scss
index 8c574983ac..84ab7cc766 100644
--- a/public/scss/client.scss
+++ b/public/scss/client.scss
@@ -2,4 +2,5 @@
 @import "flags";
 @import "global";
 @import "modals";
-@import "modules/picture-switcher.scss"
\ No newline at end of file
+@import "modules/picture-switcher";
+@import "modules/bottom-sheet";
\ No newline at end of file
diff --git a/public/scss/modules/bottom-sheet.scss b/public/scss/modules/bottom-sheet.scss
new file mode 100644
index 0000000000..ae51326979
--- /dev/null
+++ b/public/scss/modules/bottom-sheet.scss
@@ -0,0 +1,51 @@
+.bottom-sheet {
+	@include media-breakpoint-down(sm) {
+		.dropdown-menu {
+			display: block;
+			visibility: hidden;
+
+			position: fixed!important;
+			inset: auto 0 0 0!important;
+
+			margin: 0 -1px -1px -1px;
+			padding: 0 5px;
+			max-height: 60%;
+
+			box-shadow: 0 2px 6px rgba(0,0,0,0.35);
+			overflow: auto;
+			-webkit-overflow-scrolling: touch;
+			transform: translate3d(0, 350px, 0);
+			transition: transform 0.3s, visibility 0s 0.3s;
+			z-index: $zindex-popover;
+			padding: 5px 0 10px;
+
+			border-bottom-left-radius: 0;
+			border-bottom-right-radius: 0;
+
+			> li {
+				> a {
+					padding: 10px 20px;
+					overflow: hidden;
+					text-overflow: ellipsis;
+					white-space: nowrap;
+				}
+
+				&.divider {
+					padding: 0;
+				}
+			}
+		}
+
+		.dropdown-menu.show {
+			transform: none!important;
+			visibility: visible;
+			transition-delay: 0s;
+			top: auto;
+			width: auto;
+		}
+
+		.dropdown-backdrop {
+			background-color: rgba(0, 0, 0, .3);
+		}
+	}
+}