Checkbox issue

[j-r-e-i-d]

Small screencast here showing checkboxes not rendering properly. https://www.dropbox.com/s/7vxxzt3s2omnrk1/Screen%20Recording%202022-04-03%20at%2016.47.06.mov?dl=0

[spcbfr]

I just noticed this too, I am not sure if it's intentional or not

[Signynt]

This issue was fixed on desktop (insider) for me with v.1.4.5 (issue #107), but I also still have the issue on mobile (Android and iOS, both with the most recent release, as well as the most recent insider version).

[lguenth]

I had the same issue (Desktop insider as well) but I just checked to see that it was also fixed after upgrading. I have not tested it on mobile.

[mellowbunstar]

Same thing as well on the Insider build on both Desktop (Mac) and Mobile (iOS).

Love this theme! :D

[danielnichols]

It seems that a certain variable name has changed in the insider build:

Public version:

input[type=checkbox] {
  height: calc(3px + var(--editor-font-size));
  width: calc(3px + var(--editor-font-size));
}

Insider version:

input[type=checkbox] {
  height: calc(3px + var(--font-text-size)); 
  width: calc(3px + var(--font-text-size)); 
}

For now adding the following to a snippet should fix this for both the current version and the insider version (though I haven't tested the insider version)

/* checkbox-temp-fix.css */
input[type=checkbox] {
  height: calc(3px + var(--font-text-size, var(--editor-font-size)));
  width: calc(3px + var(--font-text-size, var(--editor-font-size)));
}

[gabb0z]

Thank you Daniel, that solved the issue for me (client desktop, mac)

It seems that a certain variable name has changed in the insider build:

Public version:

input[type=checkbox] {
  height: calc(3px + var(--editor-font-size));
  width: calc(3px + var(--editor-font-size));
}

Insider version:

input[type=checkbox] {
  height: calc(3px + var(--font-text-size)); 
  width: calc(3px + var(--font-text-size)); 
}

For now adding the following to a snippet should fix this for both the current version and the insider version (though I haven't tested the insider version)

/* checkbox-temp-fix.css */
input[type=checkbox] {
  height: calc(3px + var(--font-text-size, var(--editor-font-size)));
  width: calc(3px + var(--font-text-size, var(--editor-font-size)));
}

[ceciliamay]

Hey folks! Sorry for being a bit late, I was away. I just got back and quickly patched this. It should be working but please tell me if it isn't! Thank you so much for the team work here!! v.1.4.6 :)

[Signynt]

I'm so sorry, but it's still broken on mobile! ;-;

[ceciliamay]

I'm so sorry, but it's still broken on mobile! ;-;

Okay so it was a typo on the variable - apologies again 😂 - how about now? Is it good?

[Signynt]

You were too fast 😆 It good now!

[mellowbunstar]

Yay, thank you @ceciliamay! 🎉

[j-r-e-i-d]

thank you @ceciliamay

[John-Miller12]

This issue has occcurred for me in 0.14.15 on Windows. Is a new Issue required?

This resolved the issue:

  height: calc(3px + var(--font-text-size, var(--editor-font-size)));
  width: calc(3px + var(--font-text-size, var(--editor-font-size)));