Hi again I have noticed that this css change works fine on my laptops. Linux: Chrome & Seamonkey and Windows: Chrome, IE and Firefox.
On my mobilephone it doesn't work however. Android: Chrome, Firefox - not even in AntidWiki..... Does anyone know how to make it work on a mobile device as well - or have I discovered a bug? Cheers Måns Mårtensson Den fredag den 21. februar 2014 12.10.34 UTC+1 skrev Måns: > > 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 tiddlywiki+unsubscr...@googlegroups.com. To post to this group, send email to tiddlywiki@googlegroups.com. Visit this group at http://groups.google.com/group/tiddlywiki. For more options, visit https://groups.google.com/groups/opt_out.
