From e564f58d3cc527926a342a0168e45610fbc78dcc Mon Sep 17 00:00:00 2001
From: Thomas Hackl <hackl@data-quest.de>
Date: Tue, 21 Mar 2023 15:05:27 +0000
Subject: [PATCH] =?UTF-8?q?Resolve=20"Gew=C3=BCnschtes=20Verhalten=20bei?=
=?UTF-8?q?=20horizontalem=20Scrollen=20der=20Seite=20kl=C3=A4ren"?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
Closes #2390
Merge request studip/studip!1609
---
resources/assets/stylesheets/scss/layouts.scss | 10 +++++++++-
1 file changed, 9 insertions(+), 1 deletion(-)
diff --git a/resources/assets/stylesheets/scss/layouts.scss b/resources/assets/stylesheets/scss/layouts.scss
index 1b86f10d39b..58f7ff46fff 100644
--- a/resources/assets/stylesheets/scss/layouts.scss
+++ b/resources/assets/stylesheets/scss/layouts.scss
@@ -155,13 +155,21 @@ body {
}
#content-wrapper {
- background-color: $white;
+ background:
+ linear-gradient(90deg, #fff 30%, hsla(0, 0%, 100%, 0)),
+ linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff 70%) 100% 0,
+ radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, .2), transparent),
+ radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, .2), transparent) 100% 0;
+ background-attachment: local, local, scroll, scroll;
+ background-repeat: no-repeat;
+ background-size: 40px 100%, 40px 100%, 14px 100%, 14px 100%;
display: inline-flex;
grid-column: 2 / 3;
grid-row: 2 / 3;
justify-content: flex-start;
margin: $page-margin;
margin-bottom: calc($page-margin + 35px);
+ overflow-x: auto;
vertical-align: top;
.oversized & {
--
GitLab