colin
/
bookstack
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
resources/sass/_lists.scss
View File

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