You are viewing a plain text version of this content. The canonical link for it is here.
Posted to dev@shindig.apache.org by Evgeny Bogdanov <ev...@epfl.ch> on 2013/08/20 14:35:21 UTC
Problem with CSS3
Hi
we have some problems with the CSS3 in our widgets on Shindig-2.5.0.
For example, we use the following code in CSS files:
/* FONT AWESOME CORE
* -------------------------- */
[class^="icon-"],
[class*=" icon-"] {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
*margin-right: .3em;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
text-decoration: inherit;
display: inline-block;
speak: none;
}
However, these lines are removed by shindig from css files that gadget uses.
How can I tell shindig not to remove them?
Thank you in advance,
Evgeny
Re: Problem with CSS3
Posted by Ryan Baxter <rb...@gmail.com>.
You can actually do this from the gadget [1]. The exclude URLs
property will exclude certain URLs from being rewritten.
[1] http://opensocial.github.io/spec/2.5/Core-Gadget.xml#rfc.section.5
On Wed, Aug 21, 2013 at 11:12 AM, Evgeny Bogdanov
<ev...@epfl.ch> wrote:
> Ryan,
>
> Which one should I disable? (shindig.properties)
> I m not sure which one relates to CSS.
>
> # TODO: This needs to be moved to container configuration.
> shindig.content-rewrite.only-allow-excludes=false
> shindig.content-rewrite.include-urls=.*
> shindig.content-rewrite.exclude-urls=
> shindig.content-rewrite.include-tags=body,embed,img,input,link,script,style
> shindig.content-rewrite.expires=86400
> shindig.content-rewrite.enable-split-js-concat=true
> shindig.content-rewrite.enable-single-resource-concat=false
>
>
> On 21.08.13 02:25, Ryan Baxter wrote:
>>
>> If you disable content rewriting does the problem go away?
>>
>> On Tue, Aug 20, 2013 at 9:39 AM, Evgeny Bogdanov
>> <ev...@epfl.ch> wrote:
>>>
>>> Via a link:
>>> <link rel="stylesheet" type="text/css"
>>> href="../../../../../libs/font-awesome/less/font-awesome.css">
>>>
>>> This is the widget:
>>>
>>> http://go-lab.gw.utwente.nl/sources/tools/hypothesis/src/main/webapp/hypothesis0.7_buoyancy.xml
>>>
>>> and this is what we get when the widget is rendered:
>>> <link
>>>
>>> href="//shindig.epfl.ch:80/gadgets/concat?container=default&gadget=http%3A%2F%2Fgo-lab.gw.utwente.nl%2Fsources%2Ftools%2Fhypothesis%2Fsrc%2Fmain%2Fwebapp%2Fhypothesis0.7_buoyancy.xml&debug=0&nocache=1&type=css&1=http%3A%2F%2Fgo-lab.gw.utwente.nl%2Fsources%2Ftools%2Fhypothesis%2Fsrc%2Fmain%2Fwebapp%2Fcss%2Fhypothesis0.7.css&2=http%3A%2F%2Fgo-lab.gw.utwente.nl%2Fsources%2Flibs%2Fbootstrap%2Fcss%2Fbootstrap.min.css&3=http%3A%2F%2Fgo-lab.gw.utwente.nl%2Fsources%2Flibs%2Ffont-awesome%2Fless%2Ffont-awesome.css"
>>> rel="stylesheet" type="text/css">
>>>
>>>
>>> On 20.08.13 15:28, Stanton Sievers wrote:
>>>>
>>>> Hi Evgeny,
>>>>
>>>> How are you including the CSS in your gadget? Is it a style type link or
>>>> is
>>>> it internal? If a link, is your link being rewritten through the shindig
>>>> proxy at runtime?
>>>>
>>>> Thanks,
>>>> -Stanton
>>>> On Aug 20, 2013 8:36 AM, "Evgeny Bogdanov" <ev...@epfl.ch>
>>>> wrote:
>>>>
>>>>> Hi
>>>>>
>>>>> we have some problems with the CSS3 in our widgets on Shindig-2.5.0.
>>>>> For example, we use the following code in CSS files:
>>>>>
>>>>> /* FONT AWESOME CORE
>>>>> * -------------------------- */
>>>>> [class^="icon-"],
>>>>> [class*=" icon-"] {
>>>>> font-family: FontAwesome;
>>>>> font-weight: normal;
>>>>> font-style: normal;
>>>>> text-decoration: inherit;
>>>>> -webkit-font-smoothing: antialiased;
>>>>> *margin-right: .3em;
>>>>> }
>>>>> [class^="icon-"]:before,
>>>>> [class*=" icon-"]:before {
>>>>> text-decoration: inherit;
>>>>> display: inline-block;
>>>>> speak: none;
>>>>> }
>>>>>
>>>>> However, these lines are removed by shindig from css files that gadget
>>>>> uses.
>>>>> How can I tell shindig not to remove them?
>>>>>
>>>>> Thank you in advance,
>>>>> Evgeny
>>>>>
>>
>
Re: Problem with CSS3
Posted by Evgeny Bogdanov <ev...@epfl.ch>.
Ryan,
Which one should I disable? (shindig.properties)
I m not sure which one relates to CSS.
# TODO: This needs to be moved to container configuration.
shindig.content-rewrite.only-allow-excludes=false
shindig.content-rewrite.include-urls=.*
shindig.content-rewrite.exclude-urls=
shindig.content-rewrite.include-tags=body,embed,img,input,link,script,style
shindig.content-rewrite.expires=86400
shindig.content-rewrite.enable-split-js-concat=true
shindig.content-rewrite.enable-single-resource-concat=false
On 21.08.13 02:25, Ryan Baxter wrote:
> If you disable content rewriting does the problem go away?
>
> On Tue, Aug 20, 2013 at 9:39 AM, Evgeny Bogdanov
> <ev...@epfl.ch> wrote:
>> Via a link:
>> <link rel="stylesheet" type="text/css"
>> href="../../../../../libs/font-awesome/less/font-awesome.css">
>>
>> This is the widget:
>> http://go-lab.gw.utwente.nl/sources/tools/hypothesis/src/main/webapp/hypothesis0.7_buoyancy.xml
>>
>> and this is what we get when the widget is rendered:
>> <link
>> href="//shindig.epfl.ch:80/gadgets/concat?container=default&gadget=http%3A%2F%2Fgo-lab.gw.utwente.nl%2Fsources%2Ftools%2Fhypothesis%2Fsrc%2Fmain%2Fwebapp%2Fhypothesis0.7_buoyancy.xml&debug=0&nocache=1&type=css&1=http%3A%2F%2Fgo-lab.gw.utwente.nl%2Fsources%2Ftools%2Fhypothesis%2Fsrc%2Fmain%2Fwebapp%2Fcss%2Fhypothesis0.7.css&2=http%3A%2F%2Fgo-lab.gw.utwente.nl%2Fsources%2Flibs%2Fbootstrap%2Fcss%2Fbootstrap.min.css&3=http%3A%2F%2Fgo-lab.gw.utwente.nl%2Fsources%2Flibs%2Ffont-awesome%2Fless%2Ffont-awesome.css"
>> rel="stylesheet" type="text/css">
>>
>>
>> On 20.08.13 15:28, Stanton Sievers wrote:
>>> Hi Evgeny,
>>>
>>> How are you including the CSS in your gadget? Is it a style type link or
>>> is
>>> it internal? If a link, is your link being rewritten through the shindig
>>> proxy at runtime?
>>>
>>> Thanks,
>>> -Stanton
>>> On Aug 20, 2013 8:36 AM, "Evgeny Bogdanov" <ev...@epfl.ch>
>>> wrote:
>>>
>>>> Hi
>>>>
>>>> we have some problems with the CSS3 in our widgets on Shindig-2.5.0.
>>>> For example, we use the following code in CSS files:
>>>>
>>>> /* FONT AWESOME CORE
>>>> * -------------------------- */
>>>> [class^="icon-"],
>>>> [class*=" icon-"] {
>>>> font-family: FontAwesome;
>>>> font-weight: normal;
>>>> font-style: normal;
>>>> text-decoration: inherit;
>>>> -webkit-font-smoothing: antialiased;
>>>> *margin-right: .3em;
>>>> }
>>>> [class^="icon-"]:before,
>>>> [class*=" icon-"]:before {
>>>> text-decoration: inherit;
>>>> display: inline-block;
>>>> speak: none;
>>>> }
>>>>
>>>> However, these lines are removed by shindig from css files that gadget
>>>> uses.
>>>> How can I tell shindig not to remove them?
>>>>
>>>> Thank you in advance,
>>>> Evgeny
>>>>
>
Re: Problem with CSS3
Posted by Ryan Baxter <rb...@apache.org>.
If you disable content rewriting does the problem go away?
On Tue, Aug 20, 2013 at 9:39 AM, Evgeny Bogdanov
<ev...@epfl.ch> wrote:
> Via a link:
> <link rel="stylesheet" type="text/css"
> href="../../../../../libs/font-awesome/less/font-awesome.css">
>
> This is the widget:
> http://go-lab.gw.utwente.nl/sources/tools/hypothesis/src/main/webapp/hypothesis0.7_buoyancy.xml
>
> and this is what we get when the widget is rendered:
> <link
> href="//shindig.epfl.ch:80/gadgets/concat?container=default&gadget=http%3A%2F%2Fgo-lab.gw.utwente.nl%2Fsources%2Ftools%2Fhypothesis%2Fsrc%2Fmain%2Fwebapp%2Fhypothesis0.7_buoyancy.xml&debug=0&nocache=1&type=css&1=http%3A%2F%2Fgo-lab.gw.utwente.nl%2Fsources%2Ftools%2Fhypothesis%2Fsrc%2Fmain%2Fwebapp%2Fcss%2Fhypothesis0.7.css&2=http%3A%2F%2Fgo-lab.gw.utwente.nl%2Fsources%2Flibs%2Fbootstrap%2Fcss%2Fbootstrap.min.css&3=http%3A%2F%2Fgo-lab.gw.utwente.nl%2Fsources%2Flibs%2Ffont-awesome%2Fless%2Ffont-awesome.css"
> rel="stylesheet" type="text/css">
>
>
> On 20.08.13 15:28, Stanton Sievers wrote:
>>
>> Hi Evgeny,
>>
>> How are you including the CSS in your gadget? Is it a style type link or
>> is
>> it internal? If a link, is your link being rewritten through the shindig
>> proxy at runtime?
>>
>> Thanks,
>> -Stanton
>> On Aug 20, 2013 8:36 AM, "Evgeny Bogdanov" <ev...@epfl.ch>
>> wrote:
>>
>>> Hi
>>>
>>> we have some problems with the CSS3 in our widgets on Shindig-2.5.0.
>>> For example, we use the following code in CSS files:
>>>
>>> /* FONT AWESOME CORE
>>> * -------------------------- */
>>> [class^="icon-"],
>>> [class*=" icon-"] {
>>> font-family: FontAwesome;
>>> font-weight: normal;
>>> font-style: normal;
>>> text-decoration: inherit;
>>> -webkit-font-smoothing: antialiased;
>>> *margin-right: .3em;
>>> }
>>> [class^="icon-"]:before,
>>> [class*=" icon-"]:before {
>>> text-decoration: inherit;
>>> display: inline-block;
>>> speak: none;
>>> }
>>>
>>> However, these lines are removed by shindig from css files that gadget
>>> uses.
>>> How can I tell shindig not to remove them?
>>>
>>> Thank you in advance,
>>> Evgeny
>>>
>
Re: Problem with CSS3
Posted by Evgeny Bogdanov <ev...@epfl.ch>.
Via a link:
<link rel="stylesheet" type="text/css"
href="../../../../../libs/font-awesome/less/font-awesome.css">
This is the widget:
http://go-lab.gw.utwente.nl/sources/tools/hypothesis/src/main/webapp/hypothesis0.7_buoyancy.xml
and this is what we get when the widget is rendered:
<link
href="//shindig.epfl.ch:80/gadgets/concat?container=default&gadget=http%3A%2F%2Fgo-lab.gw.utwente.nl%2Fsources%2Ftools%2Fhypothesis%2Fsrc%2Fmain%2Fwebapp%2Fhypothesis0.7_buoyancy.xml&debug=0&nocache=1&type=css&1=http%3A%2F%2Fgo-lab.gw.utwente.nl%2Fsources%2Ftools%2Fhypothesis%2Fsrc%2Fmain%2Fwebapp%2Fcss%2Fhypothesis0.7.css&2=http%3A%2F%2Fgo-lab.gw.utwente.nl%2Fsources%2Flibs%2Fbootstrap%2Fcss%2Fbootstrap.min.css&3=http%3A%2F%2Fgo-lab.gw.utwente.nl%2Fsources%2Flibs%2Ffont-awesome%2Fless%2Ffont-awesome.css"
rel="stylesheet" type="text/css">
On 20.08.13 15:28, Stanton Sievers wrote:
> Hi Evgeny,
>
> How are you including the CSS in your gadget? Is it a style type link or is
> it internal? If a link, is your link being rewritten through the shindig
> proxy at runtime?
>
> Thanks,
> -Stanton
> On Aug 20, 2013 8:36 AM, "Evgeny Bogdanov" <ev...@epfl.ch> wrote:
>
>> Hi
>>
>> we have some problems with the CSS3 in our widgets on Shindig-2.5.0.
>> For example, we use the following code in CSS files:
>>
>> /* FONT AWESOME CORE
>> * -------------------------- */
>> [class^="icon-"],
>> [class*=" icon-"] {
>> font-family: FontAwesome;
>> font-weight: normal;
>> font-style: normal;
>> text-decoration: inherit;
>> -webkit-font-smoothing: antialiased;
>> *margin-right: .3em;
>> }
>> [class^="icon-"]:before,
>> [class*=" icon-"]:before {
>> text-decoration: inherit;
>> display: inline-block;
>> speak: none;
>> }
>>
>> However, these lines are removed by shindig from css files that gadget
>> uses.
>> How can I tell shindig not to remove them?
>>
>> Thank you in advance,
>> Evgeny
>>
Re: Problem with CSS3
Posted by Stanton Sievers <ss...@apache.org>.
Hi Evgeny,
How are you including the CSS in your gadget? Is it a style type link or is
it internal? If a link, is your link being rewritten through the shindig
proxy at runtime?
Thanks,
-Stanton
On Aug 20, 2013 8:36 AM, "Evgeny Bogdanov" <ev...@epfl.ch> wrote:
> Hi
>
> we have some problems with the CSS3 in our widgets on Shindig-2.5.0.
> For example, we use the following code in CSS files:
>
> /* FONT AWESOME CORE
> * -------------------------- */
> [class^="icon-"],
> [class*=" icon-"] {
> font-family: FontAwesome;
> font-weight: normal;
> font-style: normal;
> text-decoration: inherit;
> -webkit-font-smoothing: antialiased;
> *margin-right: .3em;
> }
> [class^="icon-"]:before,
> [class*=" icon-"]:before {
> text-decoration: inherit;
> display: inline-block;
> speak: none;
> }
>
> However, these lines are removed by shindig from css files that gadget
> uses.
> How can I tell shindig not to remove them?
>
> Thank you in advance,
> Evgeny
>