Sorry - forgot to paste the link: http://vge-moodle.tiddlyspot.com/
Den torsdag den 20. februar 2014 22.14.26 UTC+1 skrev Måns:
>
> 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.
