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/
This commit is contained in:
Dan Brown 2021-10-23 22:03:03 +01:00
parent f73b82ee57
commit 31ba972cfc
No known key found for this signature in database
GPG Key ID: 46D9F943C24A2EF9

View File

@ -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;