public inbox for [email protected]  
help / color / mirror / Atom feed
From: Khushboo Vashi <[email protected]>
To: pgadmin-hackers <[email protected]>
Subject: [pgAdmin4][Patch] - RM #4596 - Directory tree indent guides
Date: Tue, 12 Oct 2021 17:04:07 +0530
Message-ID: <CAFOhELcQXvpuGQ33d8fEpwEOMnQdKr6orqggDk8Bz=fk0GyX2A@mail.gmail.com> (raw)

Hi,

Please find the attached patch to fix the RM #4596 - Directory tree indent
guides.

Thanks,
Khushboo


Attachments:

  [application/octet-stream] RM_4596.patch (1.2K, 3-RM_4596.patch)
  download | inline diff:
diff --git a/web/pgadmin/static/scss/_pgadmin4-tree.overrides.scss b/web/pgadmin/static/scss/_pgadmin4-tree.overrides.scss
index 3851a16db..e483852e3 100644
--- a/web/pgadmin/static/scss/_pgadmin4-tree.overrides.scss
+++ b/web/pgadmin/static/scss/_pgadmin4-tree.overrides.scss
@@ -26,9 +26,28 @@
   align-items: center;
   white-space: nowrap;
   padding: 2px 0;
-  padding-left: 2px;
   cursor: pointer !important;
   color: $tree-text-fg !important;
+  &:before {
+    content: '';
+    background: $color-gray-light;
+    position: absolute;
+    width: 1px;
+    height: 100%;
+    box-shadow: -16px 0 0 0 $color-gray-light,
+      -32px 0 0 0 $color-gray-light,
+      -48px 0 0 0 $color-gray-light,
+      -64px 0 0 0 $color-gray-light,
+      -80px 0 0 0 $color-gray-light,
+      -96px 0 0 0 $color-gray-light,
+      -112px 0 0 0 $color-gray-light,
+      -128px 0 0 0 $color-gray-light,
+      -144px 0 0 0 $color-gray-light,
+      -160px 0 0 0 $color-gray-light,
+      -176px 0 0 0 $color-gray-light,
+      -192px 0 0 0 $color-gray-light,
+      -208px 0 0 0 $color-gray-light;
+  }
   &:hover, &.pseudo-active {
     background-color: $tree-bg-hover !important;
     color: $tree-fg-hover !important;


view thread (2+ messages)  latest in thread

reply

Reply instructions:

You may reply publicly to this message via plain-text email
using any one of the following methods:

* Reply to all the recipients using the --to and --cc options:
  reply via email

  To: [email protected]
  Cc: [email protected]
  Subject: Re: [pgAdmin4][Patch] - RM #4596 - Directory tree indent guides
  In-Reply-To: <CAFOhELcQXvpuGQ33d8fEpwEOMnQdKr6orqggDk8Bz=fk0GyX2A@mail.gmail.com>

* Save the following mbox file, import it into your mail client,
  and reply-to-all from there: mbox

This inbox is served by agora; see mirroring instructions
for how to clone and mirror all data and code used for this inbox