Hi Måns, This is what I did.
Downloaded http://vge-moodle.tiddlyspot.com/ I added a tiddler Test tagged with $:/tags/stylesheet and containing: svg.tw-image-fluid-width-button { display: none; } The 'fluid width' button did not disappear (I expected it should disappear). Then I saw that $:/images/fluid-width-button didn't contain the class 'tw-image-fluid-width-button' After adding it: <svg class="tw-image-fluid-width-button tw-image-button" ... </svg> the button disappeared, which means that in principle it works. Deleted the tiddler Test Then I saw the theme tiddler $:/themes/tiddlywiki/centralised did not contain the 'display: none' part (anymore?) I added that 'display:none' part: { "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\tsvg.tw-image-fluid-width-button {\n\t\tdisplay: none;\n\t}\n}\n" } } } and expected it should work now. And it did ;) Hope that helps. Cheers, Ton On Thursday, February 20, 2014 10:15:21 PM UTC+1, Måns wrote: > > 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.
