Hi Ton
Thank you for looking into this.
How do I add it to the StyleSheet? Is the StyleSheet the the tiddler? -
Where am I supposed to put the rule?
I added the class tw-image-fluid-width-button to
the $:/images/fluid-width-button tiddler and changed the theme tiddler to:
{
"tiddlers": {
"$:/themes/tiddlywiki/centralised/styles.tid": {
"title": "$:/themes/tiddlywiki/centralised/styles.tid",
"tags": "[[$:/tags/stylesheet]]",
"text": "\\rules only filteredtranscludeinline transcludeinline
macrodef macrocallinline\n\n@media (min-width: 770px) {\n\n\thtml
.tw-page-container {\n\t\ttext-align: center;\n\t}\n\n\thtml .story-river
{\n\t\tposition: relative;\n\t\twidth: 770px;\n\t\tpadding: 42px;\n\t\tmargin:
0 auto;\n\t\ttext-align: left;\n\t}\n\n\thtml .sidebar-header
{\n\t\ttext-align: left;\n\t\tleft: 50%;\n\t\tright: 0;\n\t\tpadding-left:
413px;\n\t}\n}\n tw-image-fluid-width-button{display:none;}"
}
}
}
It didn't work as I expected.
Here's a link to my TW: Please try it out..
Cheers Måns Mårtensson
Den torsdag den 20. februar 2014 17.04.32 UTC+1 skrev Ton Gerner:
>
> Hi Måns,
>
> I did test with one of my own buttons, a 'Close all' button.
> Added a class 'tw-close-all-tiddlers' so the image for the Close all
> button reads:
>
> <svg class="tw-close-all-tiddlers tw-image-button" .... </svg>
>
> If I add
>
> svg.tw-close-all-tiddlers { display: none; }
>
> to my style sheet, the Close all button image disappears.
>
> Did you add the class
>
> tw-image-fluid-width-button
>
> to the image code?
>
> Cheers,
>
> Ton
>
>
> On Thursday, February 20, 2014 3:14:56 PM UTC+1, Ton Gerner wrote:
>>
>> Hi Måns,
>>
>> I cannot test it at the moment (not using my home PC at the moment) but
>> $:/themes/tiddlywiki/readonly
>> uses the same code for several buttons:
>>
>> svg.tw-image-new-button, svg.tw-image-options-button, svg.tw-image-save-
>> button, svg.tw-image-edit-button, svg.tw-image-delete-button, svg.tw-
>> image-cancel-button, svg.tw-image-done-button {
>> display: none;
>> }
>>
>> The extra 'tab' behind display:none; can't be the problem ;)
>>
>> As soon as I am home, I`ll try and report.
>>
>> Cheers,
>>
>> Ton
>>
>> On Thursday, February 20, 2014 2:17:49 PM UTC+1, Måns wrote:
>>>
>>> Hi TwWizards
>>>
>>> Inspired by the read only theme I'm trying to make a button invisible
>>> when a certain theme is active.
>>>
>>> I tried this with the centralized theme - see the last line starting
>>> with "svg.tw-image -..." :
>>>
>>> {
>>> "tiddlers": {
>>> "$:/themes/tiddlywiki/centralised/styles.tid": {
>>> "title": "$:/themes/tiddlywiki/centralised/styles.tid",
>>> "tags": "[[$:/tags/stylesheet]]",
>>> "text": "\\rules only filteredtranscludeinline transcludeinline
>>> macrodef macrocallinline\n\n@media (min-width: 770px) {\n\n\thtml
>>> .tw-page-container {\n\t\ttext-align: center;\n\t}\n\n\thtml .story-river
>>> {\n\t\tposition: relative;\n\t\twidth: 770px;\n\t\tpadding:
>>> 42px;\n\t\tmargin: 0 auto;\n\t\ttext-align: left;\n\t}\n\n\thtml
>>> .sidebar-header {\n\t\ttext-align: left;\n\t\tleft: 50%;\n\t\tright:
>>> 0;\n\t\tpadding-left: 413px;\n\t}\n}\n svg.tw-image-fluid-width-button
>>> {\n\tdisplay: none;\t\n}\n"
>>> }
>>> }
>>> }
>>>
>>> The button image is $:/images/fluid-width-button...
>>> Sorry but I don't have a clue where or how to do what here ...
>>>
>>> Any help is most apreciated.
>>>
>>> Cheers Måns Mårtensson
>>>
>>
--
You received this message because you are subscribed to the Google Groups
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/tiddlywiki.
For more options, visit https://groups.google.com/groups/opt_out.
