Skip to content

W
wiki-js
Unverified Commit 429c2673 authored by Aitor Rosell Torralba's avatar Aitor Rosell Torralba Committed by GitHub
Browse files
Options

fix: list formatting multiline with fancy bullets (#1406)

* Fix list formatting multiline with fancy bullets In kinda response to: https://github.com/Requarks/wiki/pull/1283 Solves the problem with the list having issues with p elements and with multi lines but keeping the fancy css bullets. Tested on Chrome, Firefox, Opera and Edge. * remove important * fix: bullet symbol for RTL Co-authored-by: 's avatarNicolas Giard <github@ngpixel.com>
parent b82c788e
Hide whitespace changes
Inline Side-by-side
Showing with 24 additions and 4 deletions
client/themes/default/scss/app.scss
View file @ 429c2673
...@@ -312,8 +312,8 @@ ...@@ -312,8 +312,8 @@
// --------------------------------- // ---------------------------------
ol, ul { ol, ul {
padding: 1rem 0 0 1rem; padding: 1rem 0 0 0;
list-style-position: outside; list-style-position: inside;
@at-root .is-rtl & { @at-root .is-rtl & {
padding-left: 0; padding-left: 0;
...@@ -472,8 +472,28 @@ ...@@ -472,8 +472,28 @@
} }
} }
ul { ul {
list-style: square outside; list-style: none;
width: 100%;
> li::before {
content: '\25b8';
color: mc('grey', '600');
display: inline-block;
width: 1.35rem;
@at-root .is-rtl & {
content: '\25C0' ;
}
}
> li {
display:flex;
flex-wrap: wrap;
> p {
display:inline-block;
vertical-align:top;
padding-top:0;
}
}
} }
// --------------------------------- // ---------------------------------
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment