restoring list item styles inside ng-wig

[steveoc64]

This is not a problem with ng-wig itself, but might be useful for others who run into the dreaded "Where are my list items gone ????" problem.

If you are using ng-wig inside a modern CSS framework such as Bourbon, your list styles can get redefined away, and at first glance it's pretty hard to work out where to fix the problem.

Manually overriding just the "list-style-type" in your CSS wont bring them back :(

.... But, manually overriding the list-style-type AND manually overriding the left padding back to a sane default does the trick.

.nw-editor {
 // .... as per the standard css for ng-wig

 // now add these 2 blocks : 
  ol {
    list-style-type: decimal;
    margin-bottom: 1px;
    padding-left: 60px;    
    //@extend %default-ol;
  }

  ul {
    list-style-type: disc;
    margin-bottom: 1px;
    padding-left: 60px;
   // @extend %default-ul;
  }
}

Seems like these CSS frameworks hide the list styles by fiddling with the left padding, which causes havoc with the ng-wig control.

Hope that helps someone out there.

[stevermeister]

@steveoc64
thank you for the note, it would be great if you could do PR to update README file with such a nice hint