Hi, I'm trying to create a minimal growl theme that only allows exactly one line of text (including the title) up to a max-width and thereafter truncates the text using a webkit theme. I want the notification to be as small as possible, width-wise.
I've got it mostly working, but my issue with trying to dynamically set the body width. I have a <div> tag that takes up the whole body, and I have "overflow: hidden" set, and it is only 1 line high. I also set max-width here to the widest I want my notification to get. This creates my desired effect (longer text forces the <div> to get wider, but never taller). However, if my notification is large, the body width does not dynamically expand with the width of my <div> tag. My work-around for this is if I explicitly set my body to something really big. The problem with this is that when I mouse-over my notification, the 'X' for dismissing it is way over to the left, regardless of how big my notification actually is. I also found it's necessary have this div "float: right" to make it shrink smaller. Otherwise, the div remains linked to the body, and the body won't get smaller than a few hundred pixels. Float:right allows the notification to shrink to the size of the notification text, assuming it's smaller. If I don't float:right, my body always stays the same width (bigger or smaller). Are there any magic incantations of CSS to make the body as flexible as the content? -- You received this message because you are subscribed to the Google Groups "Growl Discuss" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/growldiscuss?hl=.
