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.