Hi Måns, I think since it is part of the @media (min-width: 770px).
Cheers, Ton On Friday, February 21, 2014 12:25:43 PM UTC+1, Måns wrote: > > 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 [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.
