[Decapod] Styling Capture component

Jacob Farber jacob.farber at utoronto.ca
Wed Dec 16 17:00:11 UTC 2009


Ok, so I'm going to have to make more tweaks to the CSS but the idea is you
can use the FSS button class names to make the buttons look a little nicer.
So, for exaple, the fix image button could go from

<button class="flc-capture-button-fix">Fix Image</button>

to a styled theme button when you use:

<button class="flc-capture-button-fix fl-button-left"><span
class="fl-button-inner">Fix Image</span></button>

The thing is, a little CSS needs to be added to the Capture.css file as well
(to fix the bug) which looks like:

.fl-theme-coal .fl-button-left {
background-color:transparent !important;
padding-left:13px;
border:none;
overflow:visible;
}
.fl-theme-coal .fl-button-inner {
float:none;
display:block;
padding-bottom:7px;
}

I'm just fixing the actual button graphics at the moment, but this should be
good enough for now.
Give me a shout if you have any questions.
Jacob



On Wed, Dec 16, 2009 at 10:22 AM, Jacob Farber <jacob.farber at utoronto.ca>wrote:

> I'm testing their viability before I recommend them :)
> I was thinking to use the fss button styles, but it seems there is a bug in
> FF when they're applied to buttons. I would like to solve this before I post
> how to use them.
> Jacob
>
> On Wed, Dec 16, 2009 at 10:12 AM, Colin Clark <colinbdclark at gmail.com>wrote:
>
>> Hey Jacob,
>>
>> On 16-Dec-09, at 9:59 AM, Jacob Farber wrote:
>>
>> > Nicely done.
>> > There are a few little tweaks I would like to suggest (not important
>> > things, but they're easy and look nice, like using themed buttons),
>> > but overall I think it's looking good.
>>
>> What are the tweaks you'd like to suggest? :)
>>
>> Colin
>>
>> ---
>> Colin Clark
>> Technical Lead, Fluid Project
>> http://fluidproject.org
>>
>> --
>>
>> You received this message because you are subscribed to the Google Groups
>> "Decapod Internal" group.
>> To post to this group, send email to decapod-internal at googlegroups.com.
>> To unsubscribe from this group, send email to
>> decapod-internal+unsubscribe at googlegroups.com<decapod-internal%2Bunsubscribe at googlegroups.com>
>> .
>> For more options, visit this group at
>> http://groups.google.com/group/decapod-internal?hl=en.
>>
>>
>>
>
>
> --
> Jacob Farber
> University of Toronto - ATRC
> Tel: (416) 946-3002
> www.fluidproject.org
>



-- 
Jacob Farber
University of Toronto - ATRC
Tel: (416) 946-3002
www.fluidproject.org
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://lists.idrc.ocad.ca/pipermail/fluid-work/attachments/20091216/8cfbe111/attachment.htm>


More information about the fluid-work mailing list