From 1f28940532d80e25bd42aa53c33e984f84655943 Mon Sep 17 00:00:00 2001
From: Tamara Steinwender <tamara.steinwender@tugraz.at>
Date: Thu, 24 Jun 2021 10:36:33 +0200
Subject: [PATCH] Make file-handling hander scrollable on mobile
---
packages/file-handling/src/styles.js | 10 +++++++++-
1 file changed, 9 insertions(+), 1 deletion(-)
diff --git a/packages/file-handling/src/styles.js b/packages/file-handling/src/styles.js
index bb023494..061326d7 100644
--- a/packages/file-handling/src/styles.js
+++ b/packages/file-handling/src/styles.js
@@ -252,11 +252,19 @@ export function getFileHandlingCss() {
.modal-nav{
display: flex;
- justify-content: space-around;
+ /*justify-content: space-around;*/
grid-area: nav;
border: none;
border-bottom: 1px solid black;
border-top: 1px solid black;
+ white-space: nowrap;
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ -ms-overflow-style: -ms-autohiding-scrollbar;
+ }
+
+ .modal-nav::-webkit-scrollbar {
+ display: none;
}
.modal-content{
--
GitLab