Codimd: Larger Checkbox Size in Slide Mode

Created on 31 May 2018  路  11Comments  路  Source: hackmdio/codimd

Can we add _Custom Styles_ to enlarge the checkbox input in Slide Mode?
It looks fine in Preview Pane but perhaps too small in Slide Mode?

(LEFT: Slide Mode | RIGHT: Preview Pane)

demo

Example: 寰呰睛娓呭柈 in markdown and how it looks in Slide Mode

As of my personal preference, adding transform: scale(1.5) to the html input looks good.

demo2

UPDATE: I am on machine of

  • macOS 10.13.4 (Macbook Air 2017)
  • Chrome 66.0.3359.181
enhancement
Source
picture liuderchi

Most helpful comment

It's true that the checkbox size is smaller in slide mode, I just measure them (14px vs 7.83px)
That might from the CSS style we've given to the checkbox:
https://github.com/hackmdio/hackmd/blob/master/public/css/slide.css#L82

Since the height using em it might be affected by the parent node styles.
It would be nice if you could take a deeper look.

Thanks.

picture jackycute on 31 May 2018
❤1 👍1

All 11 comments

@liuderchi Yes, you can.
Use