Show preview of what the theme will look like #104
Conversation
Mostly pure HTML from https://bootswatch.com/default/, and using a trick from https://stackoverflow.com/a/13883978/11416267 to add the generated theme to the CSS of the page using Javascript. Works great, might want to consider culling down some of the things shown to be just the docassemble components, since there's a whole lot, and most of it, people won't have to worry about.
There was a problem hiding this comment.
Looking good, great methodology!
One nit I'm wondering about is why the "Back to Dashboard" looks so small. Maybe that was already that way, though or maybe it's just in contrast to the buttons above it.
The other nit is that the files provided at the top kind of get drowned out by the preview underneath. We don't have to worry about that, though, unless people start coming to us with confusion.
It's always been that small, it's the small bootstrap button. Definitely would look smaller compared to the normal sizes. I don't want to change it for just that screen though, and I think small is the right size for a nav button like that, also considering "Dashboard" still shows up in the dropdown where it normally is.
That's a fair point. I went ahead and bolded them, and put one of those horizontal lines between the files at the top and the examples below. Hopefully that makes it a bit clearer. Like you said, we can re-evaluate if any one gets confused.
|
Mostly pure HTML from https://bootswatch.com/default/ in
test_html.html, and using a trick from https://stackoverflow.com/a/13883978/11416267 to add the generated theme to the CSS of the page using Javascript. Works great, might want to consider culling down some of the things shown to be just the docassemble components, since there's a whole lot, and most of it, people won't have to worry about.The only thing is that there's some extra margin on each component in bootswatch that we don't have. Can add it if we think things aren't readable, but it didn't make too much of a different to me so I avoided adding too much custom css for just this page.
Fixes #11.