From 0e5f1ce58788c55b27d80c964ab14a1c1e808d6f Mon Sep 17 00:00:00 2001 From: abaghdasaryan <arthur.baghdasar@gmail.com> Date: Thu, 20 Mar 2025 14:13:30 +0400 Subject: [PATCH] Issue #3514288 by arthur.baghdasar: Make visual adjustment to the scrollable table --- css/csv-table.css | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/css/csv-table.css b/css/csv-table.css index bae1f55..18b0f53 100644 --- a/css/csv-table.css +++ b/css/csv-table.css @@ -35,3 +35,16 @@ clear: both; } } + +.dt-scroll-body { + background: -webkit-gradient(linear, left top, right top, color-stop(30%, #fff), to(rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(70%, #fff)) 0 100%, -webkit-gradient(linear, left top, right top, color-stop(30%, #DCDCDC), to(rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(70%, #DCDCDC)) 0 100%, 0 100%; + background: -o-linear-gradient(left, #fff 30%, rgba(255, 255, 255, 0)), -o-linear-gradient(left, rgba(255, 255, 255, 0), #fff 70%) 0 100%, -o-linear-gradient(left, #DCDCDC 30%, rgba(255, 255, 255, 0)), -o-linear-gradient(left, rgba(255, 255, 255, 0), #DCDCDC 70%) 0 100%, 0 100%; + background: linear-gradient(to right, #fff 30%, rgba(255, 255, 255, 0)), linear-gradient(to right, rgba(255, 255, 255, 0), #fff 70%) 0 100%, linear-gradient(to right, #DCDCDC 30%, rgba(255, 255, 255, 0)), linear-gradient(to right, rgba(255, 255, 255, 0), #DCDCDC 70%) 0 100%, 0 100%; + background-repeat: no-repeat; + background-color: #fff; + background-size: 40px 100%, 40px 100%, 14px 100%, 14px 100%; + background-position: 0 0, 100%, 0 0, 100%; + background-attachment: local, local, scroll, scroll; + border: 2px solid #dcdcdc; + overflow-x: auto; +} -- GitLab