Divide-By-0 / autolatex

All Auto Latex Equations Versions.
https://autolatex.com
MIT License
17 stars 1 forks source link

Google docs workspace addon #19

Closed grimsteel closed 7 months ago

grimsteel commented 1 year ago

Fixes #14 Fixes #9

I basically just remade the Sidebar.html file using the new CardService APIs: image image

(I just realized I need to add the texrendr/codecogs icons to the bottom)

I just chose some random colors for this: https://github.com/Divide-By-0/autolatex/blob/8cfb98ed4ee99ba7973867d3003bab35ec4aab2f/Docs/appsscript.json#L26-L29 Let me know what colors you want!

It's probably not a good idea to use Github's "CDN" for the icon. Do you have the icon hosted anywhere else? https://github.com/Divide-By-0/autolatex/blob/8cfb98ed4ee99ba7973867d3003bab35ec4aab2f/Docs/appsscript.json#L31

I feel like it would be a good idea to redo this confusing status system too: https://github.com/Divide-By-0/autolatex/blob/8cfb98ed4ee99ba7973867d3003bab35ec4aab2f/Docs/Code.ts#L174-L189

Divide-By-0 commented 1 year ago

Hey, colors in the screenshots look fine. Previously, the buttons were aligned so the right edge of the bottom button aligned with the right edge of the derender button. Can you replicate that? Ideally, there would also be more padding around the text inside the button to make it look less crowded.

The Donate button is huge; any chance we could make that like half the size?

Feel free to re-upload that image from github to any other cdn. Imgur maybe?

Agreed on redoing the status system. Enums would be a better choice at the very least.

grimsteel commented 1 year ago

Can you replicate that?

I don't think so. The new Card API doesn't give you that much control over the rendered output. I could try adding spaces, but that might not look the same depending on the device.

Edit: image (It strips spaces, so I used U+2800)

The Donate button is huge; any chance we could make that like half the size?

I might be able to do some aspect ratio hacks

Feel free to re-upload that image from github to any other cdn. Imgur maybe?

Yes, that works!

Divide-By-0 commented 1 year ago

Sweet. Those buttons already look better (it's still like a teensy bit off, maybe there's a way to add more blank characters or white periods or spacing or something?)

grimsteel commented 11 months ago

I added support for sheets. The "inline" size renders the images inside the cells (CellImage), and the other sizes render "floating" images (OverGridImage).

For de rendering them, you need to select the top left cell: image (I still have to update the instructions for this)

Unfortunately, there isn't an API for getting all of the CellImages in a sheet, so right now the derender all button just derenders all of the OverGridImages. (I might end up just iterating over all of the cells in the sheet).

Also, the button spacing looks different across browsers. Chrome: image Firefox: image

I assume most people are going to be using Chrome, but I wonder if they'll look different across operating systems too...

Divide-By-0 commented 9 months ago

I added support for sheets. The "inline" size renders the images inside the cells (CellImage), and the other sizes render "floating" images (OverGridImage).

For de rendering them, you need to select the top left cell: image (I still have to update the instructions for this)

Unfortunately, there isn't an API for getting all of the CellImages in a sheet, so right now the derender all button just derenders all of the OverGridImages. (I might end up just iterating over all of the cells in the sheet).

Also, the button spacing looks different across browsers. Chrome: image Firefox: image

I assume most people are going to be using Chrome, but I wonder if they'll look different across operating systems too...

Awesome! That should be fine, let's prioritize the button alignment on Chrome. Let me know if the donate image is smaller now.

grimsteel commented 9 months ago

on Chrome.

Got it. Here's how it looks now on chrome: image