1 files changed, 48 insertions, 0 deletions
diff --git a/src/wwwroot/styles/vendor/bootstrap-side-modal.scss b/src/wwwroot/styles/vendor/bootstrap-side-modal.scss
new file mode 100644
index 0000000..63bbf4d
--- /dev/null
+++ b/src/wwwroot/styles/vendor/bootstrap-side-modal.scss
@@ -0,0 +1,48 @@
+.modal-left .modal-dialog,
+.modal-right .modal-dialog {
+  width: 350px;
+  max-width: 80%;
+  height: 100%;
+  margin: 0;
+  transform: translate(0);
+  transition: transform 0.2s;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .modal-left .modal-dialog,
+  .modal-right .modal-dialog {
+    transition: none;
+  }
+}
+
+.modal-left .modal-content,
+.modal-right .modal-content {
+  height: inherit;
+  border: 0;
+  border-radius: 0;
+}
+
+.modal-left .modal-body,
+.modal-right .modal-body {
+  overflow-y: auto;
+}
+
+.modal-left.modal.fade .modal-dialog,
+.modal-right.modal.fade .modal-dialog {
+  transform: translateX(0);
+}
+
+.modal-left.modal.show .modal-dialog,
+.modal-right.modal.show .modal-dialog {
+  transform: none;
+}
+
+.modal.modal-left .modal-dialog {
+  margin-right: auto;
+  transform: translateX(-100%);
+}
+
+.modal.modal-right .modal-dialog {
+  margin-left: auto;
+  transform: translateX(100%);
+}
+\ No newline at end of file