Issue with padding around popup thumbnails

This forum is for all Flare issues related to styles, stylesheets and XML.
Post Reply
trent the thief
Propellus Maximus
Posts: 608
Joined: Wed Feb 01, 2006 6:21 am
Location: Off in the dark....

Issue with padding around popup thumbnails

Post by trent the thief »

Hi,

I'm using popup thumbnails in a project and find that Flare ignores padding settings in my stylesheet's thumbnail class. Flare always uses the settings from img.

I've poked around using dev tools and find that I can modify .MCPopupFullImage to achieve the result I'm after, but I can't push that setting back into into Flare using Dave Lee's toolbar script hack.

Any suggestions? Thanks!
Trent.

Certifiable.

Image

umm...
I meant MAD Certified.

Official Propeller Beanie Owner :-)

:flare: Are you on Flare's Slack channels? PM me for an invitation! :flare:
devjoe
Sr. Propeller Head
Posts: 337
Joined: Thu Jan 23, 2014 1:43 pm

Re: Issue with padding around popup thumbnails

Post by devjoe »

You don't need to put that style into the toolbar script. The thumbnail popup is part of the topic and you can put it in your regular style sheet.
trent the thief
Propellus Maximus
Posts: 608
Joined: Wed Feb 01, 2006 6:21 am
Location: Off in the dark....

Re: Issue with padding around popup thumbnails

Post by trent the thief »

Hi Joe,

Flare's isn't accepting the padding settings on my thumbnail style. It uses the base img settings no matter what I enter in the sub-class. I tinkered a bit more and think the only way I can make this happen is to modify MCPopupFullImage in Topic.css and then copy the modified version after publishing.

I'm setting the padding around the popped-up image, not the container.

I couldn't find any way to make it happen through the editors or via Dave hack, which is pretty darned handy, BTW. I've used it to make a two-paned tri-pane ;-) I moved the search bar directly above the contents/index tabs, shifted them both down to be level with the body container, and removed the header altogether.
Trent.

Certifiable.

Image

umm...
I meant MAD Certified.

Official Propeller Beanie Owner :-)

:flare: Are you on Flare's Slack channels? PM me for an invitation! :flare:
NorthEast
Master Propellus Maximus
Posts: 6359
Joined: Mon Mar 05, 2007 8:33 am

Re: Issue with padding around popup thumbnails

Post by NorthEast »

If you're editing the Topic.css that's generated by Flare, then you don't need to do that.
The CSS changes for .MCPopupFullImage can just be added in your regular stylesheet.
trent the thief
Propellus Maximus
Posts: 608
Joined: Wed Feb 01, 2006 6:21 am
Location: Off in the dark....

Re: Issue with padding around popup thumbnails

Post by trent the thief »

Hi Dave,

Well, expletive. Forest and trees.

Hey, thanks again for the toolbar script hack!
Trent.

Certifiable.

Image

umm...
I meant MAD Certified.

Official Propeller Beanie Owner :-)

:flare: Are you on Flare's Slack channels? PM me for an invitation! :flare:
lcarver
Propeller Head
Posts: 17
Joined: Mon May 21, 2018 8:20 am

Re: Issue with padding around popup thumbnails

Post by lcarver »

Thank you for the tip, Dave :D I was dreading trying to keep Topic.css properly updated...
AnnePSB
Jr. Propeller Head
Posts: 5
Joined: Tue May 04, 2021 9:15 am

Re: Issue with padding around popup thumbnails

Post by AnnePSB »

Hi Just joining this. What is the script hack and what exactly does it do? I am trying a similar workaround so our thumbnails look decent in the HTML and Print outputs. This might be the golden ticket.

Is there anyway you've found for the images NOT to appear cloudy or too small to be usable in the XML editor when I apply a thumbnail popup to an image? I am learning my way around how to work with the images so they appear normally in the topic and popup.

Thanks
Anne
Post Reply