Easy-Table-of-Contents icon indicating copy to clipboard operation
Easy-Table-of-Contents copied to clipboard

Add bullets and arrows in Counter option

Open GGustavoGuerra opened this issue 5 years ago • 3 comments

Besides the numerical versions already present, I think it would be interesting to put 2 visual options, such as bullet or arrows lists.

options bullets arrows

GGustavoGuerra avatar Sep 26 '19 18:09 GGustavoGuerra

+1 I've got the same issue. No built-in way to customize this feature using filters or something like that

vburlak avatar Dec 11 '19 20:12 vburlak

Note to self: this CSS seems to work great for bullets:

.ez-toc-widget-container ul.ez-toc-list .ez-toc-list-level-4 a {
  display: flex;
}
.ez-toc-widget-container ul.ez-toc-list .ez-toc-list-level-4 a::before {
  border-radius: 50%;
  content: "";
  line-height: 1em;
  margin: .5em 6px 0 0;
  height: .5em;
  width: .5em;
  position: relative;
  background-color: #666666;
  min-width: .5em;
}

shazahm1 avatar Feb 04 '20 21:02 shazahm1

Note to self: this CSS seems to work great for arrows:

.ez-toc-widget-container ul.ez-toc-list .ez-toc-list-level-4 a {
  display: flex;
}
.ez-toc-widget-container ul.ez-toc-list .ez-toc-list-level-4 a::before { 
    content: "";
    border-color: transparent #666666;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    border-radius: 0;
    display: block;
    height: 0;
    width: 0;
    min-width: .45em;
    margin: .35em 0;
}

shazahm1 avatar Feb 04 '20 21:02 shazahm1