From: Dan Brown <redacted>
Date: Sat, 23 Oct 2021 21:03:03 +0000 (+0100)
Subject: Tweaked sidepart list item padding, Review of #3000
X-Git-Tag: v21.10~1^2~4
X-Git-Url: http://source.bookstackapp.com/bookstack/commitdiff_plain/31ba972cfc2638e6d90c7af833c895528556a8d1

Tweaked sidepart list item padding, Review of #3000

- Scoped padding change to just entity-list-items within the sidebar
  side reduction of right-hand-padding to zero was causing other
  entity-list-items, such as those in the homepage listing, would then
  have no padding.
- Updated styles to use css logical properties to retain support for RTL
  languages such as Arabic, where the whole interface flips around.
  Related: https://css-tricks.com/css-logical-properties-and-values/
---

diff --git a/resources/sass/_lists.scss b/resources/sass/_lists.scss
index e5ce1a939..c46ac84f3 100644
--- a/resources/sass/_lists.scss
+++ b/resources/sass/_lists.scss
@@ -185,6 +185,7 @@
     padding-bottom: $-xxs;
     background-clip: content-box;
     border-radius: 0 3px 3px 0;
+    padding-inline-end: 0;
     .content {
       padding-top: $-xs;
       padding-bottom: $-xs;
@@ -201,7 +202,7 @@
   .entity-list-item-name {
     font-size: 1em;
     margin: 0;
-    margin-right: $-m;
+    margin-inline-end: $-m;
   }
   .chapter-child-menu {
     font-size: .8rem;
@@ -411,7 +412,7 @@ ul.pagination {
 }
 
 .entity-list-item, .icon-list-item {
-  padding: $-s 0 $-s $-m;
+  padding: $-s $-m;
   display: flex;
   align-items: center;
   background-color: transparent;