Add support for Indenting lists

Created on 16 July 2018, almost 6 years ago
Updated 6 April 2023, about 1 year ago

Indentation in lists isn't working

Steps to reproduce

  1. Type some text in the editor.
  2. Select it and press on list button.
  3. Then press in identate button

Expected behavior
The list is moved to the right

Current behavior
The list doesn't move

Inspecting the list with the development tools I can see that the list's class changes, that means that there are missing styles. I fixed this adding these styles to ckeditor.indentblock.css

p.Indent1, ul.Indent1, ol.Indent1 {
  margin-left: 2em;
}
p.Indent2, ul.Indent2, ol.Indent2 {
  margin-left: 4em;
}
p.Indent3, ul.Indent3, ol.Indent3 {
  margin-left: 6em;
}
p.Indent4, ul.Indent4, ol.Indent4 {
  margin-left: 8em;
}
p.Indent5, ul.Indent5, ol.Indent5 {
  margin-left: 10em;
}
p.Indent6, ul.Indent6, ol.Indent6 {
  margin-left: 12em;
}
p.Indent7, ul.Indent7, ol.Indent7 {
  margin-left: 14em;
}
p.Indent8, ul.Indent8, ol.Indent8 {
  margin-left: 16em;
}
p.Indent9, ul.Indent9, ol.Indent9 {
  margin-left: 18em;
}
p.Indent10, ul.Indent10, ol.Indent10 {
  margin-left: 20em;
}
πŸ› Bug report
Status

Fixed

Component

Code

Created by

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.69.0 2024