1
0
mirror of https://github.com/kkapsner/CanvasBlocker synced 2024-12-22 12:50:36 +01:00

Improved design of the page action display.

This commit is contained in:
kkapsner 2017-10-14 12:24:53 +02:00
parent 03bf34d092
commit ae0763cfe6
14 changed files with 614 additions and 13 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 23 KiB

View File

@ -0,0 +1,92 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="22"
height="19"
id="svg3798"
version="1.1"
inkscape:version="0.48.4 r9939"
sodipodi:docname="pageAction-displayCallingStack.svg">
<defs
id="defs3800" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="11.313708"
inkscape:cx="9.8914915"
inkscape:cy="12.036692"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
inkscape:window-width="1600"
inkscape:window-height="848"
inkscape:window-x="-8"
inkscape:window-y="-8"
inkscape:window-maximized="1" />
<metadata
id="metadata3803">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Ebene 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,-1033.3622)">
<path
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 4.90625 3.90625 C 4.532132 4.616128 4.34375 5.4298287 4.34375 6.28125 C 4.34375 6.4959002 4.3489496 6.6983985 4.375 6.90625 L 11.3125 6.90625 L 11.3125 3.90625 L 4.90625 3.90625 z M 4.8125 8.40625 C 5.5380675 9.967138 7.0142586 11.113996 8.8125 11.40625 L 10.625 11.40625 C 10.865212 11.36721 11.084183 11.318686 11.3125 11.25 L 11.3125 8.40625 L 4.8125 8.40625 z "
transform="translate(0,1033.3622)"
id="rect3955-1" />
<path
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 1 5 L 1 7 L 4.46875 7 C 4.4426996 6.7921495 4.40625 6.589649 4.40625 6.375 C 4.40625 5.90116 4.5025603 5.4363512 4.625 5 L 1 5 z M 1 8 L 1 10 L 5.9375 10 C 5.3819309 9.4446571 4.9452692 8.7500694 4.6875 8 L 1 8 z M 1 11 L 1 13 L 11 13 L 11 11.4375 C 10.618102 11.520482 10.220298 11.5625 9.8125 11.5625 C 8.9439902 11.5625 8.132929 11.352839 7.40625 11 L 1 11 z "
transform="translate(0,1033.3622)"
id="rect3955" />
<path
style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill:#909090;fill-opacity:1;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans"
d="m 14.012442,1035.5221 c -2.335232,-2.4003 -6.181514,-2.4678 -8.563982,-0.1499 -2.382415,2.3178 -2.409607,6.1539 -0.07438,8.5542 2.083652,2.1417 5.370014,2.4455 7.746402,0.8391 l 6.980535,7.1749 1.507034,-1.4662 -6.980536,-7.1749 c 1.672964,-2.3332 1.468573,-5.6355 -0.615078,-7.7772 z m -1.048412,1.02 c 1.790326,1.8402 1.762992,4.7471 -0.04629,6.5074 -1.809231,1.7602 -4.704915,1.6971 -6.495242,-0.1431 -1.790325,-1.8402 -1.763281,-4.7256 0.04595,-6.4858 1.809283,-1.7603 4.705256,-1.7186 6.495583,0.1215 z"
id="path2985"
inkscape:connector-curvature="0" />
<rect
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="rect3955-51"
width="10"
height="2"
x="-24.180271"
y="1033.5027" />
<rect
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="rect3955-4-7"
width="10"
height="2"
x="-24.180271"
y="1030.5026" />
<rect
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="rect3955-5-1"
width="10"
height="2"
x="-24.180271"
y="1027.5026" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.3 KiB

View File

@ -0,0 +1,73 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="19"
height="19"
id="svg2"
version="1.1"
inkscape:version="0.48.4 r9939"
sodipodi:docname="pageAction-displayFullURL.svg">
<defs
id="defs4" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="7.9195959"
inkscape:cx="25.668069"
inkscape:cy="31.957338"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
inkscape:window-width="1600"
inkscape:window-height="848"
inkscape:window-x="-8"
inkscape:window-y="-8"
inkscape:window-maximized="1" />
<metadata
id="metadata7">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Ebene 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,-1033.3622)">
<text
xml:space="preserve"
style="font-size:144px;font-style:normal;font-weight:normal;text-align:start;line-height:125%;letter-spacing:0px;word-spacing:0px;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;font-family:Sans"
x="-2.7251744"
y="1012.9865"
id="text3755"
sodipodi:linespacing="125%"><tspan
sodipodi:role="line"
id="tspan3757"
x="-2.7251744"
y="1012.9865"
style="font-size:20px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;text-anchor:start;font-family:Times New Roman;-inkscape-font-specification:Times New Roman">https:</tspan></text>
<path
style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill:#909090;fill-opacity:1;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans"
d="m 10.962994,1035.9566 c -2.3352318,-2.4003 -6.1815138,-2.4678 -8.5639818,-0.1499 -2.38241496,2.3178 -2.40960696,6.1539 -0.07438,8.5542 2.083652,2.1417 5.370014,2.4455 7.7464018,0.8391 l 6.980535,7.1749 1.507034,-1.4662 -6.980536,-7.1749 c 1.672964,-2.3332 1.468573,-5.6355 -0.615078,-7.7772 z m -1.0484118,1.02 c 1.7903258,1.8402 1.7629918,4.7471 -0.04629,6.5074 -1.809231,1.7602 -4.704915,1.6971 -6.495242,-0.1431 -1.790325,-1.8402 -1.763281,-4.7256 0.04595,-6.4858 1.809283,-1.7603 4.705256,-1.7186 6.495583,0.1215 z"
id="path2985"
inkscape:connector-curvature="0" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.4 KiB

View File

@ -0,0 +1,84 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="17"
height="19"
id="svg2"
version="1.1"
inkscape:version="0.48.4 r9939"
sodipodi:docname="pageAction-ignorelistDomain.svg">
<defs
id="defs4" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="7.9195959"
inkscape:cx="49.848596"
inkscape:cy="25.401849"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
inkscape:window-width="1600"
inkscape:window-height="848"
inkscape:window-x="-8"
inkscape:window-y="-8"
inkscape:window-maximized="1" />
<metadata
id="metadata7">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Ebene 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,-1033.3622)">
<text
xml:space="preserve"
style="font-size:144px;font-style:normal;font-weight:normal;text-align:start;line-height:125%;letter-spacing:0px;word-spacing:0px;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;font-family:Sans"
x="-2.5989053"
y="1016.2492"
id="text3755"
sodipodi:linespacing="125%"><tspan
sodipodi:role="line"
id="tspan3757"
x="-2.5989053"
y="1016.2492"
style="font-size:20px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;text-anchor:start;font-family:Times New Roman;-inkscape-font-specification:Times New Roman">www.</tspan></text>
<path
inkscape:connector-curvature="0"
style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill:#919191;fill-opacity:1;stroke:none;stroke-width:5;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans"
d="m 8.7680531,1033.5273 c -0.348299,0.01 -0.667634,0.033 -0.953125,0.047 -0.438898,0.022 -1.058414,-0.01 -1.796875,0.2031 -0.884045,0.2512 -1.775855,0.6432 -2.562499,1.2656 -0.898661,0.711 -1.888393,1.6298 -2.390626,2.9531 a 1.2536462,1.2536462 0 1 0 2.343751,0.8907 c 0.238633,-0.6288 0.855014,-1.3062 1.59375,-1.8907 0.456167,-0.3609 1.062726,-0.6305 1.703124,-0.8125 0.240818,-0.068 0.65655,-0.08 1.234375,-0.1093 0.648213,-0.033 1.198974,-0.072 1.6093747,-0.016 0.6140962,0.085 1.1637372,0.2209 1.5781252,0.4375 0.65097,0.3403 1.249745,0.8112 1.640625,1.3281 0.346939,0.4588 0.539607,0.9009 0.6875,1.6094 a 1.250125,1.250125 0 1 0 2.4375,-0.5 c -0.202225,-0.9688 -0.559493,-1.8565 -1.140625,-2.625 -0.673824,-0.8911 -1.555325,-1.5538 -2.46875,-2.0313 -0.809569,-0.4232 -1.636616,-0.5833 -2.3906252,-0.6875 -0.399437,-0.055 -0.7767007,-0.069 -1.1249997,-0.062 z m 0.0625,4.0937 c -0.191903,-0.01 -0.378031,0 -0.5625,0.015 -0.368938,0.033 -0.730297,0.098 -1.046875,0.1875 -0.725057,0.2052 -1.438147,0.5529 -2.062499,1.0938 -0.919358,0.7963 -1.300668,1.7391 -1.6875,2.2968 -0.401133,0.5784 -0.581049,0.9597 -0.671875,1.0469 -0.242332,0.2326 -0.576986,0.5013 -0.859376,0.6875 -0.282389,0.1862 -0.568921,0.2183 -0.328125,0.2188 a 1.250125,1.250125 0 1 0 0,2.5 c 0.802852,0 1.242602,-0.3214 1.703126,-0.625 0.460523,-0.3037 0.88137,-0.6606 1.21875,-0.9844 0.626249,-0.6011 0.819032,-1.1835 0.984374,-1.4219 0.574753,-0.8287 0.909677,-1.5198 1.265625,-1.8281 0.282899,-0.2451 0.695129,-0.4565 1.125,-0.5781 0.399532,-0.1131 0.7815,-0.1425 1.015625,-0.094 0.06037,0.013 0.3006427,0.1611 0.6874997,0.4219 0.192519,0.1298 0.313125,0.2252 0.359375,0.2812 0.2278552,0.276 0.4024262,0.5826 0.4843752,0.8438 0.07477,0.2382 0.11054,0.6041 0.09375,1.0469 -0.01581,0.417 -0.358331,1.1398 -0.390625,2.2343 -0.01846,0.626 -0.07982,1.472 0.3125,2.3907 0.233369,0.5464 0.558433,1.015 0.90625,1.4218 0.347817,0.4068 0.505767,0.7242 1.25,1.0157 a 1.250125,1.250125 0 1 0 0.9375,-2.3125 c 0.292466,0.1101 -0.07053,-0.082 -0.28125,-0.3282 -0.222452,-0.2601 -0.449744,-0.6113 -0.515625,-0.7656 -0.09996,-0.2341 -0.127871,-0.7168 -0.109375,-1.3437 0.01211,-0.4103 0.333757,-1.1314 0.375,-2.2188 0.0205,-0.5405 0.03235,-1.19 -0.1875,-1.8906 -0.206421,-0.6578 -0.552101,-1.2208 -0.9375,-1.6875 -0.302703,-0.3666 -0.62872,-0.5891 -0.890625,-0.7656 -0.324931,-0.2191 -0.81368,-0.6191 -1.5937502,-0.7813 -0.204165,-0.043 -0.4018457,-0.069 -0.5937497,-0.078 z m 6.4531249,4.3282 a 1.250125,1.250125 0 0 0 -1.125,1.125 l -0.171875,1.4843 a 1.2510265,1.2510265 0 1 0 2.484375,0.2969 l 0.171875,-1.4844 a 1.250125,1.250125 0 0 0 -1.234375,-1.4218 1.250125,1.250125 0 0 0 -0.125,0 z m -7.3749999,0.3281 a 1.250125,1.250125 0 0 0 -1.0625,0.9062 c -0.405514,1.3311 -0.79748,2.038 -1.515624,2.8907 -0.621831,0.7383 -1.551617,1.4353 -2.390625,1.8437 a 1.2508786,1.2508786 0 1 0 1.09375,2.25 c 1.155067,-0.5622 2.317654,-1.4145 3.218749,-2.4844 0.897991,-1.0662 1.510122,-2.2089 1.9843747,-3.7656 a 1.250125,1.250125 0 0 0 -1.2031247,-1.6406 1.250125,1.250125 0 0 0 -0.125,0 z m 1.03125,5.6562 c -0.160705,0 -0.32344,0.024 -0.453125,0.078 -0.25937,0.1072 -0.407801,0.2646 -0.5,0.375 -0.368796,0.4416 -0.275597,0.5394 -0.3125,0.7031 -0.02073,0.028 -0.0865,0.1172 -0.203125,0.25 -0.16964,0.1931 -0.420338,0.4169 -0.6875,0.8125 a 1.250125,1.250125 0 0 0 1.78125,1.7031 1.250125,1.250125 0 0 0 1.9999999,-1.4219 c 4.83e-4,0.01 -0.0035,0 -0.01563,-0.031 -0.01294,-0.047 -0.03793,-0.1564 -0.0625,-0.2812 -0.03977,-0.2021 -0.08156,-0.4521 -0.125,-0.6875 -0.02172,-0.1177 -0.04841,-0.2382 -0.07813,-0.3594 -0.02971,-0.1212 -0.03464,-0.2132 -0.1875,-0.4844 -0.07643,-0.1356 -0.1681422,-0.4079 -0.7031252,-0.5937 -0.133745,-0.046 -0.2924197,-0.065 -0.4531247,-0.062 z"
id="path3753-8" />
<g
id="g3803-8"
transform="matrix(0.44599777,0,0,0.44599846,-0.15099788,1034.1493)"
style="fill:#ff0101;fill-opacity:0.6;stroke:#ff0000;stroke-width:3.36324286;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none">
<path
inkscape:connector-curvature="0"
style="fill:#ff0101;fill-opacity:0.6;fill-rule:nonzero;stroke:#ff0000;stroke-width:3.36324286;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0"
d="M 10.78125,5.125 C 9.6228558,5.031087 8.3153904,5.5344787 7.28125,6.5625 L 6.6875,7.15625 C 5.0328753,8.8010841 4.733916,11.163694 6.03125,12.46875 L 12.53125,19 6,25.46875 c -1.3050563,1.297334 -1.0510841,3.689125 0.59375,5.34375 l 0.59375,0.59375 c 1.6448341,1.654625 4.038694,1.922334 5.34375,0.625 l 6.53125,-6.46875 6.46875,6.5 c 1.297334,1.305056 3.657875,1.051084 5.3125,-0.59375 L 31.4375,30.875 c 1.654625,-1.644834 1.953584,-4.007444 0.65625,-5.3125 l -6.5,-6.53125 L 32.125,12.5625 C 33.430056,11.265166 33.144834,8.8733747 31.5,7.21875 L 30.90625,6.625 C 29.261416,4.9703753 26.898806,4.7026659 25.59375,6 l -6.5,6.46875 -6.5,-6.53125 C 12.10725,5.448104 11.476287,5.1813479 10.78125,5.125 z"
transform="translate(0.33931853,-0.58823573)"
id="rect2988" />
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 7.8 KiB

View File

@ -0,0 +1,74 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="19"
height="19"
id="svg2"
version="1.1"
inkscape:version="0.48.4 r9939"
sodipodi:docname="pageAction-whitelistDomain.svg">
<defs
id="defs4" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="7.9195959"
inkscape:cx="49.848596"
inkscape:cy="42.058864"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
inkscape:window-width="1600"
inkscape:window-height="848"
inkscape:window-x="-8"
inkscape:window-y="-8"
inkscape:window-maximized="1" />
<metadata
id="metadata7">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title />
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Ebene 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,-1033.3622)">
<text
xml:space="preserve"
style="font-size:144px;font-style:normal;font-weight:normal;text-align:start;line-height:125%;letter-spacing:0px;word-spacing:0px;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;font-family:Sans"
x="-4.8717484"
y="1008.9256"
id="text3755"
sodipodi:linespacing="125%"><tspan
sodipodi:role="line"
id="tspan3757"
x="-4.8717484"
y="1008.9256"
style="font-size:20px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;text-anchor:start;font-family:Times New Roman;-inkscape-font-specification:Times New Roman">www.</tspan></text>
<path
style="fill:none;stroke:#00be00;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
d="m 4.1668789,1040.8717 c 2.65165,3.1567 3.661803,3.788 4.293148,8.5863 0.883884,-3.7881 2.3550471,-9.0615 7.0710681,-13.3846"
id="path2985"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccc" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.6 KiB

View File

@ -0,0 +1,74 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="19"
height="19"
id="svg2"
version="1.1"
inkscape:version="0.48.4 r9939"
sodipodi:docname="pageAction-whitelistURL.svg">
<defs
id="defs4" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="7.9195959"
inkscape:cx="49.848596"
inkscape:cy="42.058864"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
inkscape:window-width="1600"
inkscape:window-height="848"
inkscape:window-x="-8"
inkscape:window-y="-8"
inkscape:window-maximized="1" />
<metadata
id="metadata7">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title />
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Ebene 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,-1033.3622)">
<text
xml:space="preserve"
style="font-size:144px;font-style:normal;font-weight:normal;text-align:start;line-height:125%;letter-spacing:0px;word-spacing:0px;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;font-family:Sans"
x="4.5984316"
y="1006.9256"
id="text3755"
sodipodi:linespacing="125%"><tspan
sodipodi:role="line"
id="tspan3757"
x="4.5984316"
y="1006.9256"
style="font-size:20px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;text-anchor:start;font-family:Times New Roman;-inkscape-font-specification:Times New Roman">https:</tspan></text>
<path
style="fill:none;stroke:#00be00;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
d="m 4.167,1040.8719 c 2.65165,3.1567 3.661803,3.788 4.293148,8.5863 0.883884,-3.7881 2.355047,-9.0615 7.071068,-13.3846"
id="path2985"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccc" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.6 KiB

View File

@ -51,9 +51,9 @@
const node = document.createElement("li"); const node = document.createElement("li");
node.className = "domainPrints collapsable collapsed"; node.className = "domainPrints collapsable collapsed";
node.appendChild(this.textNode()); node.appendChild(this.textNode());
node.appendChild(document.createElement("br"));
createCollapser(node); createCollapser(node);
node.appendChild(this.notificationsNode()); node.appendChild(this.notificationsNode());
node.appendChild(this.actionsNode());
this.node = function(){ this.node = function(){
return node; return node;
@ -69,6 +69,7 @@
DomainNotification.prototype.textNode = function textNode(){ DomainNotification.prototype.textNode = function textNode(){
const node = document.createElement("span"); const node = document.createElement("span");
node.className = "text";
this.textNode = function(){ this.textNode = function(){
return node; return node;
}; };
@ -77,7 +78,8 @@
while (messageParts.length){ while (messageParts.length){
var urlSpan = document.createElement("span"); var urlSpan = document.createElement("span");
urlSpan.textContent = this.domain; urlSpan.textContent = this.domain;
urlSpan.className = "url"; urlSpan.className = "url hasHiddenActions";
urlSpan.appendChild(this.actionsNode());
node.appendChild(urlSpan); node.appendChild(urlSpan);
node.appendChild(document.createTextNode(messageParts.shift())); node.appendChild(document.createTextNode(messageParts.shift()));
} }
@ -113,6 +115,7 @@
DomainNotification.prototype.actionsNode = function actionsNode(){ DomainNotification.prototype.actionsNode = function actionsNode(){
const node = document.createElement("div"); const node = document.createElement("div");
node.className = "actions";
createActionButtons(node, actions, this.domain); createActionButtons(node, actions, this.domain);
this.actionsNode = function(){ this.actionsNode = function(){
return node; return node;

View File

@ -39,8 +39,17 @@
scope.createActionButtons = function createActionButtons(container, actions, data){ scope.createActionButtons = function createActionButtons(container, actions, data){
actions.forEach(function(action, i){ actions.forEach(function(action, i){
var button = document.createElement("button"); var button = document.createElement("button");
button.className = action.name; button.className = action.name + " action";
button.textContent = browser.i18n.getMessage(action.name); button.title = browser.i18n.getMessage(action.name);
if (action.isIcon || action.icon){
button.classList.add("isIcon");
var img = document.createElement("img");
button.appendChild(img);
img.src = "../icons/" + (action.icon || `pageAction-${action.name}.svg`);
}
else {
button.textContent = button.title;
}
button.addEventListener("click", action.callback.bind(undefined, data)); button.addEventListener("click", action.callback.bind(undefined, data));
container.appendChild(button); container.appendChild(button);
if (i % 3 === 2){ if (i % 3 === 2){

View File

@ -22,16 +22,17 @@
node(){ node(){
const node = document.createElement("li"); const node = document.createElement("li");
node.appendChild(document.createTextNode(this.timestamp.toLocaleString() + ": " + this.functionName + " ")); node.appendChild(document.createTextNode(this.timestamp.toLocaleString() + ": "));
node.appendChild(this.textNode());
if (this.dataURL){ if (this.dataURL){
node.className = "notification collapsable collapsed"; node.className = "notification collapsable collapsed";
node.appendChild(document.createElement("br"));
createCollapser(node); createCollapser(node);
const img = document.createElement("img"); const img = document.createElement("img");
img.src = this.dataURL; img.src = this.dataURL;
img.className = "collapsing"; img.className = "fakedCanvasContent collapsing";
node.appendChild(img); node.appendChild(img);
} }
node.appendChild(this.actionsNode());
this.node = function(){ this.node = function(){
return node; return node;
@ -39,6 +40,19 @@
return node; return node;
} }
textNode(){
const node = document.createElement("span");
node.className = "text hasHiddenActions";
this.textNode = function(){
return node;
};
node.textContent = this.functionName;
node.title = this.url.href;
node.appendChild(this.actionsNode());
return node;
}
actionsNode(){ actionsNode(){
const node = document.createElement("div"); const node = document.createElement("div");

View File

@ -3,8 +3,11 @@
} }
body { body {
margin: 5px; margin: 0.5em;
padding: 2px;
padding-right: 23px;
white-space: nowrap; white-space: nowrap;
position: relative;
} }
#prints { #prints {
@ -13,7 +16,58 @@ body {
margin: 0; margin: 0;
} }
img { button.action.isIcon {
border: none;
cursor: pointer;
padding: 0;
margin: 0;
line-height: 0;
background-color: transparent;
}
* + button.action.isIcon {
margin-left: 1px;
}
button.action img {
max-height: 19px;
margin: 0;
}
.hasHiddenActions {
position: relative;
display: inline-block;
color: darkblue;
}
.hasHiddenActions:hover {
padding: 3px;
margin: -3px;
background-color: #f6f6f6;
z-index: 10;
}
.hasHiddenActions .actions {
display: none;
position: absolute;
top: 100%;
left: 0px;
border-top-width: 0;
background-color: #f6f6f6;
padding: 2px 1px 1px 1px;
line-height: 0;
}
.hasHiddenActions:hover .actions{
display: block;
}
#globalActions {
position: absolute;
right: 0;
top: 0;
width: 23px;
height: 100%;
text-align: right;
}
.notifications .fakedCanvasContent {
display: block; display: block;
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
@ -21,7 +75,7 @@ img {
.notifications { .notifications {
margin: 0; margin: 0;
padding: 0 0 0 1em; padding: 0 0 20px 1em;
} }
.collapsable { .collapsable {
@ -54,10 +108,11 @@ img {
} }
.collapsable.collapsed .collapsing { .collapsable.collapsed .collapsing {
height: 0px; height: 0px;
overflow: hidden;
padding: 0;
} }
.collapsable .collapsing { .collapsable .collapsing {
height: initial; height: initial;
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
overflow: hidden;
} }

View File

@ -6,10 +6,10 @@
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta http-equiv="content-type" content="text/html; charset=UTF-8">
</head> </head>
<body> <body>
<div id="globalActions"></div>
<ul id="prints"> <ul id="prints">
<li>...</li> <li>...</li>
</ul> </ul>
<div id="globalActions"></div>
<script src="../lib/defaultSettings.js"></script> <script src="../lib/defaultSettings.js"></script>
<script src="../lib/require.js"></script> <script src="../lib/require.js"></script>
<script src="../lib/logging.js"></script> <script src="../lib/logging.js"></script>

View File

@ -29,6 +29,7 @@ Promise.all([
document.getElementById("globalActions"), document.getElementById("globalActions"),
[{ [{
name: "disableNotifications", name: "disableNotifications",
isIcon: true,
callback: function(){ callback: function(){
browser.storage.local.set({showNotifications: false}); browser.storage.local.set({showNotifications: false});
window.close(); window.close();
@ -53,6 +54,7 @@ Promise.all([
[ [
{ {
name: "ignorelistDomain", name: "ignorelistDomain",
isIcon: true,
callback: function(domain){ callback: function(domain){
modalPrompt( modalPrompt(
browser.i18n.getMessage("inputIgnoreDomain"), browser.i18n.getMessage("inputIgnoreDomain"),
@ -67,6 +69,7 @@ Promise.all([
}, },
{ {
name: "whitelistDomain", name: "whitelistDomain",
isIcon: true,
callback: function(domain){ callback: function(domain){
modalPrompt( modalPrompt(
browser.i18n.getMessage("inputWhitelistURL"), browser.i18n.getMessage("inputWhitelistURL"),
@ -87,18 +90,21 @@ Promise.all([
[ [
{ {
name: "displayFullURL", name: "displayFullURL",
isIcon: true,
callback: function({url}){ callback: function({url}){
alert(url.href); alert(url.href);
} }
}, },
{ {
name: "displayCallingStack", name: "displayCallingStack",
isIcon: true,
callback: function({errorStack}){ callback: function({errorStack}){
alert(parseErrorStack(errorStack)); alert(parseErrorStack(errorStack));
} }
}, },
{ {
name: "whitelistURL", name: "whitelistURL",
isIcon: true,
callback: function({url}){ callback: function({url}){
modalPrompt( modalPrompt(
browser.i18n.getMessage("inputWhitelistDomain"), browser.i18n.getMessage("inputWhitelistDomain"),

View File

@ -2,9 +2,9 @@ Version 0.4.1:
todos: todos:
- get rid of the .innerHTML assigments - get rid of the .innerHTML assigments
- better and saver settings system - better and saver settings system
- improve design of page action display
changes: changes:
- improved design of the page action display
- -
new features: new features: