Hi Ton Thank you very very much :-)
You saved my day!!! In an hour or so I will go for a 3 hours drive to a job/clinic where my role is to be a Moodle consultant for 20 + teachers for 3 hours. I will use this TW5 as a digital handout at the clinic - and I'm now confident that they won't mess the theme up by accidentally hitting the fluid width button... That's a relief. Thanks again :-) Cheers Måns Mårtensson Den fredag den 21. februar 2014 11.15.45 UTC+1 skrev Ton Gerner: > > 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.
