List bullets not displaying properly

[leoncvlt]

List bullets not displaying properly

[leshchenko1979]

@jiatern , here you go

[leshchenko1979]

It turned out that the lists on the original Notion site contain instructions like --pseudoBefore--content: "1.", and a css file from the original Notion site has the following code:

/* ==================================================================== */
/* Customizable class utilities.
 * see shared/cssHelpers.ts
 *
 * Use css variables to customize styles for pesudoselectors we
 * can't easily target from inline style properties.
 *
 * Each class defined below should be added to customizableClassnameHelpers.ts.
 * For each CSS property, use var(`--${className}--${propertyName}`) as the value.
 *
 * We use camelCase names here so they're easier to write in Typescript.
 * TODO: use something like linaria to automate this shenanigans.
/* ==================================================================== */

.pseudoAfter:after {
  color: var(--pseudoAfter--color);
  content: var(--pseudoAfter--content);
  border: var(--pseudoAfter--border);
  width: var(--pseudoAfter--width);
  height: var(--pseudoAfter--height);
  display: var(--pseudoAfter--display);
  background: var(--pseudoAfter--background);
}

.pseudoBefore:before {
  color: var(--pseudoBefore--color);
  content: var(--pseudoBefore--content);
  border: var(--pseudoBefore--border);
  width: var(--pseudoBefore--width);
  height: var(--pseudoBefore--height);
  display: var(--pseudoBefore--display) !important;
  background: var(--pseudoBefore--background);
}

.pseudoSelection ::selection {
  color: var(--pseudoSelection--color);
  background: var(--pseudoSelection--background);
  text-shadow: var(--pseudoSelection--textShadow);
}

After I inserted this code into one of my local css files, the bullets and list item numbers started displaying properly.

So, I wonder what a permanent fix for this would look like. It seems like loconotion might be deleting too much of the original notion code? @leoncvlt

[leoncvlt]

Curious, it shouldn't be stripping any css. Thanks for the heads up, I'll have some time to look at this this weekend 😃

[jiatern]

Facing the same issue here. I am not well versed with html/css but apparently I replaced the html file with an older version that was parsed few weeks ago (without changing the CSS file), the bullets appeared.

Not sure if it helps but I've attached both here.
html.zip

[leshchenko1979]

Facing the same issue here. I am not well versed with html/css but apparently I replaced the html file with an older version that was parsed few weeks ago (without changing the CSS file), the bullets appeared.

Not sure if it helps but I've attached both here.

html.zip

Obviously, the fix you described prevents you from updating your site.

You can insert the code above into your loconotion.css and it should fix the problem after your run the scan once again.

I will be adding a PR about this a bit later today, I hope @leoncvlt Leonardo will have time to look it through :)