TiddlyWiki5/core/images/options-button.tid

title: $:/core/images/options-button
tags: $:/tags/Image

<svg class="tc-image-options-button tc-image-button" width="22pt" height="22pt" viewBox="0 0 128 128">
    <g fill-rule="evenodd" transform="translate(-23.000000, -23.000000)">
        <path d="M87,127 C109.09139,127 127,109.09139 127,87 C127,64.90861 109.09139,47 87,47 C64.90861,47 47,64.90861 47,87 C47,109.09139 64.90861,127 87,127 Z M87,111 C100.254834,111 111,100.254834 111,87 C111,73.745166 100.254834,63 87,63 C73.745166,63 63,73.745166 63,87 C63,100.254834 73.745166,111 87,111 Z"></path>
        <path d="M118.99846,79 C114.581032,79 111,82.5907123 111,87 L111,87 C111,91.418278 114.584935,95 118.99846,95 L143.00154,95 C147.418968,95 151,91.4092877 151,87 L151,87 C151,82.581722 147.415065,79 143.00154,79 L118.99846,79 Z M87,111 C82.581722,111 79,114.584935 79,118.99846 L79,143.00154 C79,147.418968 82.5907123,151 87,151 L87,151 C91.418278,151 95,147.415065 95,143.00154 L95,118.99846 C95,114.581032 91.4092877,111 87,111 L87,111 Z M30.9984599,79 C26.5810325,79 23,82.5907123 23,87 L23,87 C23,91.418278 26.5849353,95 30.9984599,95 L55.0015401,95 C59.4189675,95 63,91.4092877 63,87 L63,87 C63,82.581722 59.4150647,79 55.0015401,79 L30.9984599,79 Z M87,23 C82.581722,23 79,26.5849353 79,30.9984599 L79,55.0015401 C79,59.4189675 82.5907123,63 87,63 L87,63 C91.418278,63 95,59.4150647 95,55.0015401 L95,30.9984599 C95,26.5810325 91.4092877,23 87,23 L87,23 Z"></path>
        <path d="M118.99846,79 C114.581032,79 111,82.5907123 111,87 L111,87 C111,91.418278 114.584935,95 118.99846,95 L143.00154,95 C147.418968,95 151,91.4092877 151,87 L151,87 C151,82.581722 147.415065,79 143.00154,79 L118.99846,79 Z M87,111 C82.581722,111 79,114.584935 79,118.99846 L79,143.00154 C79,147.418968 82.5907123,151 87,151 L87,151 C91.418278,151 95,147.415065 95,143.00154 L95,118.99846 C95,114.581032 91.4092877,111 87,111 L87,111 Z M30.9984599,79 C26.5810325,79 23,82.5907123 23,87 L23,87 C23,91.418278 26.5849353,95 30.9984599,95 L55.0015401,95 C59.4189675,95 63,91.4092877 63,87 L63,87 C63,82.581722 59.4150647,79 55.0015401,79 L30.9984599,79 Z M87,23 C82.581722,23 79,26.5849353 79,30.9984599 L79,55.0015401 C79,59.4189675 82.5907123,63 87,63 L87,63 C91.418278,63 95,59.4150647 95,55.0015401 L95,30.9984599 C95,26.5810325 91.4092877,23 87,23 L87,23 Z" transform="translate(87.000000, 87.000000) rotate(-60.000000) translate(-87.000000, -87.000000) "></path>
        <path d="M118.99846,79 C114.581032,79 111,82.5907123 111,87 L111,87 C111,91.418278 114.584935,95 118.99846,95 L143.00154,95 C147.418968,95 151,91.4092877 151,87 L151,87 C151,82.581722 147.415065,79 143.00154,79 L118.99846,79 Z M87,111 C82.581722,111 79,114.584935 79,118.99846 L79,143.00154 C79,147.418968 82.5907123,151 87,151 L87,151 C91.418278,151 95,147.415065 95,143.00154 L95,118.99846 C95,114.581032 91.4092877,111 87,111 L87,111 Z M30.9984599,79 C26.5810325,79 23,82.5907123 23,87 L23,87 C23,91.418278 26.5849353,95 30.9984599,95 L55.0015401,95 C59.4189675,95 63,91.4092877 63,87 L63,87 C63,82.581722 59.4150647,79 55.0015401,79 L30.9984599,79 Z M87,23 C82.581722,23 79,26.5849353 79,30.9984599 L79,55.0015401 C79,59.4189675 82.5907123,63 87,63 L87,63 C91.418278,63 95,59.4150647 95,55.0015401 L95,30.9984599 C95,26.5810325 91.4092877,23 87,23 L87,23 Z" transform="translate(87.000000, 87.000000) rotate(-30.000000) translate(-87.000000, -87.000000) "></path>
    </g>
</svg>
Refactor the core icons to be inline SVG fragments This allows us to style the images with CSS, which means we finally get hover effects on our toolbar buttons 2013-05-15 17:45:24 +00:00			`title: $:/core/images/options-button`
Extend tag manager to edit icons assigned to tags Add a dropdown for choosing available images for a tag. As part of this change we need to tag tiddlers that contain images typed as wikitext (these are inline SVG icons) so that we can display them in the dropdown. 2014-03-12 21:56:46 +00:00			`tags: $:/tags/Image`
Refactor the core icons to be inline SVG fragments This allows us to style the images with CSS, which means we finally get hover effects on our toolbar buttons 2013-05-15 17:45:24 +00:00
Icon tweaks 2014-11-12 17:08:51 +00:00			`<svg class="tc-image-options-button tc-image-button" width="22pt" height="22pt" viewBox="0 0 128 128">`
			`<g fill-rule="evenodd" transform="translate(-23.000000, -23.000000)">`
			`<path d="M87,127 C109.09139,127 127,109.09139 127,87 C127,64.90861 109.09139,47 87,47 C64.90861,47 47,64.90861 47,87 C47,109.09139 64.90861,127 87,127 Z M87,111 C100.254834,111 111,100.254834 111,87 C111,73.745166 100.254834,63 87,63 C73.745166,63 63,73.745166 63,87 C63,100.254834 73.745166,111 87,111 Z"></path>`
			<path d="M118.99846,79 C114.581032,79 111,82.5907123 111,87 L111,87 C111,91.418278 114.584935,95 118.99846,95 L143.00154,95 C147.418968,95 151,91.4092877 151,87 L151,87 C151,82.581722 147.415065,79 143.00154,79 L118.99846,79 Z M87,111 C82.581722,111 79,114.584935 79,118.99846 L79,143.00154 C79,147.418968 82.5907123,151 87,151 L87,151 C91.418278,151 95,147.415065 95,143.00154 L95,118.99846 C95,114.581032 91.4092877,111 87,111 L87,111 Z M30.9984599,79 C26.5810325,79 23,82.5907123 23,87 L23,87 C23,91.418278 26.5849353,95 30.9984599,95 L55.0015401,95 C59.4189675,95 63,91.4092877 63,87 L63,87 C63,82.581722 59.4150647,79 55.0015401,79 L30.9984599,79 Z M87,23 C82.581722,23 79,26.5849353 79,30.9984599 L79,55.0015401 C79,59.4189675 82.5907123,63 87,63 L87,63 C91.418278,63 95,59.4150647 95,55.0015401 L95,30.9984599 C95,26.5810325 91.4092877,23 87,23 L87,23 Z"></path>
			<path d="M118.99846,79 C114.581032,79 111,82.5907123 111,87 L111,87 C111,91.418278 114.584935,95 118.99846,95 L143.00154,95 C147.418968,95 151,91.4092877 151,87 L151,87 C151,82.581722 147.415065,79 143.00154,79 L118.99846,79 Z M87,111 C82.581722,111 79,114.584935 79,118.99846 L79,143.00154 C79,147.418968 82.5907123,151 87,151 L87,151 C91.418278,151 95,147.415065 95,143.00154 L95,118.99846 C95,114.581032 91.4092877,111 87,111 L87,111 Z M30.9984599,79 C26.5810325,79 23,82.5907123 23,87 L23,87 C23,91.418278 26.5849353,95 30.9984599,95 L55.0015401,95 C59.4189675,95 63,91.4092877 63,87 L63,87 C63,82.581722 59.4150647,79 55.0015401,79 L30.9984599,79 Z M87,23 C82.581722,23 79,26.5849353 79,30.9984599 L79,55.0015401 C79,59.4189675 82.5907123,63 87,63 L87,63 C91.418278,63 95,59.4150647 95,55.0015401 L95,30.9984599 C95,26.5810325 91.4092877,23 87,23 L87,23 Z" transform="translate(87.000000, 87.000000) rotate(-60.000000) translate(-87.000000, -87.000000) "></path>
			<path d="M118.99846,79 C114.581032,79 111,82.5907123 111,87 L111,87 C111,91.418278 114.584935,95 118.99846,95 L143.00154,95 C147.418968,95 151,91.4092877 151,87 L151,87 C151,82.581722 147.415065,79 143.00154,79 L118.99846,79 Z M87,111 C82.581722,111 79,114.584935 79,118.99846 L79,143.00154 C79,147.418968 82.5907123,151 87,151 L87,151 C91.418278,151 95,147.415065 95,143.00154 L95,118.99846 C95,114.581032 91.4092877,111 87,111 L87,111 Z M30.9984599,79 C26.5810325,79 23,82.5907123 23,87 L23,87 C23,91.418278 26.5849353,95 30.9984599,95 L55.0015401,95 C59.4189675,95 63,91.4092877 63,87 L63,87 C63,82.581722 59.4150647,79 55.0015401,79 L30.9984599,79 Z M87,23 C82.581722,23 79,26.5849353 79,30.9984599 L79,55.0015401 C79,59.4189675 82.5907123,63 87,63 L87,63 C91.418278,63 95,59.4150647 95,55.0015401 L95,30.9984599 C95,26.5810325 91.4092877,23 87,23 L87,23 Z" transform="translate(87.000000, 87.000000) rotate(-30.000000) translate(-87.000000, -87.000000) "></path>
Updated icons 2014-11-09 16:19:25 +00:00			`</g>`
			`</svg>`