fix graphics of tooltips

* proper margins for shadows
* use solid instead of opaque, which is pixelated

BUG:438121
This commit is contained in:
Marco Martin 2021-06-10 16:25:28 +02:00
parent 7b726cffb4
commit 19c8c7dc2e
5 changed files with 690 additions and 107 deletions

View File

@ -61,7 +61,7 @@ T.ToolTip {
anchors.fill: parent
// Because the transparent one doesn't match the appearance of all
// other ones
imagePath: "opaque/widgets/tooltip"
imagePath: "solid/widgets/tooltip"
colorGroup: PlasmaCore.Theme.ToolTipColorGroup
PlasmaCore.ColorScope.inherit: false
}

View File

@ -0,0 +1,458 @@
<?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:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="248"
height="148"
id="svg3642"
sodipodi:version="0.32"
inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)"
sodipodi:docname="background.svg"
inkscape:output_extension="org.inkscape.output.svgz.inkscape"
version="1.0">
<sodipodi:namedview
id="base"
pagecolor="#919191"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="1"
inkscape:pageshadow="2"
inkscape:zoom="4"
inkscape:cx="250.29834"
inkscape:cy="47.800649"
inkscape:current-layer="layer1"
showgrid="true"
inkscape:grid-bbox="true"
inkscape:document-units="px"
inkscape:window-width="1920"
inkscape:window-height="997"
inkscape:window-x="0"
inkscape:window-y="0"
width="148px"
height="148px"
objecttolerance="23"
gridtolerance="10"
guidetolerance="25"
showguides="true"
inkscape:guide-bbox="true"
inkscape:window-maximized="1">
<inkscape:grid
snapvisiblegridlinesonly="true"
empspacing="5"
enabled="true"
visible="true"
id="grid3357"
type="xygrid" />
</sodipodi:namedview>
<defs
id="defs3644" />
<metadata
id="metadata3647">
<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>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:groupmode="layer"
inkscape:label="Layer 1"
id="layer1">
<g
id="left"
transform="rotate(-90,57.5,84.5)">
<image
y="35"
x="45"
id="image3733"
xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAjCAYAAABVcWC0AAAABHNCSVQICAgIfAhkiAAAADJJREFU CJmdzTkOgEAMBMHaYTn+/2ETYckpSamzhpUPXZmV4Jjs4JxcwT15GqpKj37wAvPfA5FzI7AdAAAA AElFTkSuQmCC "
height="35"
width="26"
style="opacity:0.75" />
<path
style="opacity:0.75;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 45.000001,57.001866 V 70 h 26 V 57.001866 c -0.0097,-0.0042 -0.01822,0 -0.02801,0 H 45.028023 c -0.0098,0 -0.01829,-0.0042 -0.02802,0 z"
id="path3735"
inkscape:connector-curvature="0" />
<path
id="path3737"
d="M 45.000001,57.00014 V 58 h 26 v -0.99986 c -0.0097,-3.2e-4 -0.01822,0 -0.02801,0 H 45.028026 c -0.0098,0 -0.01829,-3.2e-4 -0.02801,0 z"
style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(-1e-6,-1)"
id="top">
<image
width="26"
height="35"
xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAjCAYAAABVcWC0AAAABHNCSVQICAgIfAhkiAAAADJJREFU CJmdzTkOgEAMBMHaYTn+/2ETYckpSamzhpUPXZmV4Jjs4JxcwT15GqpKj37wAvPfA5FzI7AdAAAA AElFTkSuQmCC "
id="shadow-top"
x="45"
y="35"
style="opacity:0.75" />
<path
inkscape:connector-curvature="0"
id="path2667"
d="M 45.000001,57.001866 V 70 h 26 V 57.001866 c -0.0097,-0.0042 -0.01822,0 -0.02801,0 H 45.028023 c -0.0098,0 -0.01829,-0.0042 -0.02802,0 z"
style="opacity:0.75;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
<path
inkscape:connector-curvature="0"
style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 45.000001,57.00014 V 58 h 26 v -0.99986 c -0.0097,-3.2e-4 -0.01822,0 -0.02801,0 H 45.028026 c -0.0098,0 -0.01829,-3.2e-4 -0.02801,0 z"
id="path5283" />
</g>
<rect
y="34"
x="56"
height="26"
width="4"
id="hint-top-margin"
style="opacity:0.875;fill:#008000;fill-opacity:1;stroke:none" />
<g
transform="matrix(0.60465112,0,0,2.0016001,8.720933,34.971204)"
id="center">
<g
transform="matrix(0.344,0,0,0.8118505,3.584,-783.88382)"
id="toolbutton-pressed-center">
<path
inkscape:connector-curvature="0"
id="path11378"
d="m 164,987.7235 v 16 h 125 v -16 z"
style="opacity:0.75;fill:#ffffff;fill-opacity:1;stroke:none" />
</g>
</g>
<rect
y="27.24255"
x="18.522581"
height="4.375"
width="5"
id="hint-stretch-borders"
style="opacity:0.875;fill:#008000;fill-opacity:1;stroke:none;stroke-width:0;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<rect
style="opacity:0.875;fill:#008000;fill-opacity:1;stroke:none"
id="hint-left-margin"
width="26"
height="4"
x="8"
y="83" />
<g
id="topleft">
<image
width="35"
height="35"
xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAABHNCSVQICAgIfAhkiAAAAY1JREFU WIXF10GOwyAMBVDTcP9LzqLqFWbDbCYRY/63v0mkQUJxQxNeDIG2jTHs6dJaazvX9X/sfLlmG1MA yNAyRkCw9hRVwiQQ34a+G0IlTIDIAE1sMwkjQrJYQoUYAlE7ZkcaU0wBEh2jc8s1EFOERLHyveue 6tukPj2rqH2534IBWWGfo84rFWMSiJKFV/DZty33qw4Tg7yKR1gvTJCVKBuoMx+jczEmyIQCOeMD IFCFWeokKx7BUKijA8QIuWQ2mjO7iAPEEgphssmKUHNn/TfuDoNAh5IZNGxKZmZAB6BuK/66n8co WfET1z99t78QH/tMXbWyzkSZQZC5DuPZvkoXfr1lc+Z8Qp+JZmZvM/uMMb6VJ54zgxY3dJ7NF5+Z 9xjjS0Gc5ZW0R6swwsz1U4FkmGwbYOtLNzNTh2Yu7G1ikw3tymiYtv6m7ix60Z5zorZKdTuYY4Q4 41uY3Y2SoW5hEAKh1MXvUcwM8sPDcDPqNiZarhmCTeJH3qZsa0AgVm9jEMhPYAa6PUw/nI4Zi365 uP8AAAAASUVORK5CYII= "
id="shadow-topleft"
x="8"
y="34"
style="opacity:0.75" />
<path
sodipodi:nodetypes="cccccc"
inkscape:connector-curvature="0"
id="path4234"
d="m 34,56 c -2.182709,0.0672 -3.932783,1.8173 -4,4 v 9 H 43 V 56 Z"
style="opacity:0.75;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
<path
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccccccc"
id="path4236"
d="m 34,56 c -2.182709,0.06722 -3.932783,1.8173 -4,4 v 9 h 1 v -9 c 0,-1.5625 1.34375,-3 3,-3 h 9 v -1 z"
style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
</g>
<g
id="topright"
transform="rotate(90,58,84)">
<image
y="34"
x="8"
id="image3336"
xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAABHNCSVQICAgIfAhkiAAAAY1JREFU WIXF10GOwyAMBVDTcP9LzqLqFWbDbCYRY/63v0mkQUJxQxNeDIG2jTHs6dJaazvX9X/sfLlmG1MA yNAyRkCw9hRVwiQQ34a+G0IlTIDIAE1sMwkjQrJYQoUYAlE7ZkcaU0wBEh2jc8s1EFOERLHyveue 6tukPj2rqH2534IBWWGfo84rFWMSiJKFV/DZty33qw4Tg7yKR1gvTJCVKBuoMx+jczEmyIQCOeMD IFCFWeokKx7BUKijA8QIuWQ2mjO7iAPEEgphssmKUHNn/TfuDoNAh5IZNGxKZmZAB6BuK/66n8co WfET1z99t78QH/tMXbWyzkSZQZC5DuPZvkoXfr1lc+Z8Qp+JZmZvM/uMMb6VJ54zgxY3dJ7NF5+Z 9xjjS0Gc5ZW0R6swwsz1U4FkmGwbYOtLNzNTh2Yu7G1ikw3tymiYtv6m7ix60Z5zorZKdTuYY4Q4 41uY3Y2SoW5hEAKh1MXvUcwM8sPDcDPqNiZarhmCTeJH3qZsa0AgVm9jEMhPYAa6PUw/nI4Zi365 uP8AAAAASUVORK5CYII= "
height="35"
width="35"
style="opacity:0.75" />
<path
style="opacity:0.75;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 34,56 c -2.182709,0.0672 -3.932783,1.8173 -4,4 v 9 H 43 V 56 Z"
id="path3338"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cccccc" />
<path
style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 34,56 c -2.182709,0.06722 -3.932783,1.8173 -4,4 v 9 h 1 v -9 c 0,-1.5625 1.34375,-3 3,-3 h 9 v -1 z"
id="path3340"
sodipodi:nodetypes="ccccccccc"
inkscape:connector-curvature="0" />
</g>
<g
id="bottomleft"
transform="matrix(1,0,0,-1,0.028022,168)">
<image
y="34"
x="8"
id="image3360"
xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAABHNCSVQICAgIfAhkiAAAAY1JREFU WIXF10GOwyAMBVDTcP9LzqLqFWbDbCYRY/63v0mkQUJxQxNeDIG2jTHs6dJaazvX9X/sfLlmG1MA yNAyRkCw9hRVwiQQ34a+G0IlTIDIAE1sMwkjQrJYQoUYAlE7ZkcaU0wBEh2jc8s1EFOERLHyveue 6tukPj2rqH2534IBWWGfo84rFWMSiJKFV/DZty33qw4Tg7yKR1gvTJCVKBuoMx+jczEmyIQCOeMD IFCFWeokKx7BUKijA8QIuWQ2mjO7iAPEEgphssmKUHNn/TfuDoNAh5IZNGxKZmZAB6BuK/66n8co WfET1z99t78QH/tMXbWyzkSZQZC5DuPZvkoXfr1lc+Z8Qp+JZmZvM/uMMb6VJ54zgxY3dJ7NF5+Z 9xjjS0Gc5ZW0R6swwsz1U4FkmGwbYOtLNzNTh2Yu7G1ikw3tymiYtv6m7ix60Z5zorZKdTuYY4Q4 41uY3Y2SoW5hEAKh1MXvUcwM8sPDcDPqNiZarhmCTeJH3qZsa0AgVm9jEMhPYAa6PUw/nI4Zi365 uP8AAAAASUVORK5CYII= "
height="35"
width="35"
style="opacity:0.75" />
<path
style="opacity:0.75;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 34,56 c -2.182709,0.0672 -3.932783,1.8173 -4,4 v 9 H 43 V 56 Z"
id="path3362"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cccccc" />
<path
style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 34,56 c -2.182709,0.06722 -3.932783,1.8173 -4,4 v 9 h 1 v -9 c 0,-1.5625 1.34375,-3 3,-3 h 9 v -1 z"
id="path3364"
sodipodi:nodetypes="ccccccccc"
inkscape:connector-curvature="0" />
</g>
<g
transform="matrix(0,-1,-1,0,142.02802,142)"
id="bottomright">
<image
width="35"
height="35"
xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAABHNCSVQICAgIfAhkiAAAAY1JREFU WIXF10GOwyAMBVDTcP9LzqLqFWbDbCYRY/63v0mkQUJxQxNeDIG2jTHs6dJaazvX9X/sfLlmG1MA yNAyRkCw9hRVwiQQ34a+G0IlTIDIAE1sMwkjQrJYQoUYAlE7ZkcaU0wBEh2jc8s1EFOERLHyveue 6tukPj2rqH2534IBWWGfo84rFWMSiJKFV/DZty33qw4Tg7yKR1gvTJCVKBuoMx+jczEmyIQCOeMD IFCFWeokKx7BUKijA8QIuWQ2mjO7iAPEEgphssmKUHNn/TfuDoNAh5IZNGxKZmZAB6BuK/66n8co WfET1z99t78QH/tMXbWyzkSZQZC5DuPZvkoXfr1lc+Z8Qp+JZmZvM/uMMb6VJ54zgxY3dJ7NF5+Z 9xjjS0Gc5ZW0R6swwsz1U4FkmGwbYOtLNzNTh2Yu7G1ikw3tymiYtv6m7ix60Z5zorZKdTuYY4Q4 41uY3Y2SoW5hEAKh1MXvUcwM8sPDcDPqNiZarhmCTeJH3qZsa0AgVm9jEMhPYAa6PUw/nI4Zi365 uP8AAAAASUVORK5CYII= "
id="image3368"
x="8"
y="34"
style="opacity:0.75" />
<path
sodipodi:nodetypes="cccccc"
inkscape:connector-curvature="0"
id="path3370"
d="m 34,56 c -2.182709,0.0672 -3.932783,1.8173 -4,4 v 9 H 43 V 56 Z"
style="opacity:0.75;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
<path
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccccccc"
id="path3372"
d="m 34,56 c -2.182709,0.06722 -3.932783,1.8173 -4,4 v 9 h 1 v -9 c 0,-1.5625 1.34375,-3 3,-3 h 9 v -1 z"
style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
</g>
<g
id="right"
transform="rotate(90,58.5,84.5)">
<image
y="35"
x="45"
id="image3717"
xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAjCAYAAABVcWC0AAAABHNCSVQICAgIfAhkiAAAADJJREFU CJmdzTkOgEAMBMHaYTn+/2ETYckpSamzhpUPXZmV4Jjs4JxcwT15GqpKj37wAvPfA5FzI7AdAAAA AElFTkSuQmCC "
height="35"
width="26"
style="opacity:0.75" />
<path
style="opacity:0.75;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 45.000001,57.001866 V 70 h 26 V 57.001866 c -0.0097,-0.0042 -0.01822,0 -0.02801,0 H 45.028023 c -0.0098,0 -0.01829,-0.0042 -0.02802,0 z"
id="path3719"
inkscape:connector-curvature="0" />
<path
id="path3721"
d="M 45.000001,57.00014 V 58 h 26 v -0.99986 c -0.0097,-3.2e-4 -0.01822,0 -0.02801,0 H 45.028026 c -0.0098,0 -0.01829,-3.2e-4 -0.02801,0 z"
style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
inkscape:connector-curvature="0" />
</g>
<g
transform="rotate(180,58,84.5)"
id="bottom">
<image
width="26"
height="35"
xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAjCAYAAABVcWC0AAAABHNCSVQICAgIfAhkiAAAADJJREFU CJmdzTkOgEAMBMHaYTn+/2ETYckpSamzhpUPXZmV4Jjs4JxcwT15GqpKj37wAvPfA5FzI7AdAAAA AElFTkSuQmCC "
id="image3725"
x="45"
y="35"
style="opacity:0.75" />
<path
inkscape:connector-curvature="0"
id="path3727"
d="M 45.000001,57.001866 V 70 h 26 V 57.001866 c -0.0097,-0.0042 -0.01822,0 -0.02801,0 H 45.028023 c -0.0098,0 -0.01829,-0.0042 -0.02802,0 z"
style="opacity:0.75;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
<path
inkscape:connector-curvature="0"
style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 45.000001,57.00014 V 58 h 26 v -0.99986 c -0.0097,-3.2e-4 -0.01822,0 -0.02801,0 H 45.028026 c -0.0098,0 -0.01829,-3.2e-4 -0.02801,0 z"
id="path3729" />
</g>
<rect
y="84"
x="82"
height="4"
width="26"
id="hint-right-margin"
style="opacity:0.875;fill:#008000;fill-opacity:1;stroke:none" />
<rect
style="opacity:0.875;fill:#008000;fill-opacity:1;stroke:none"
id="hint-bottom-margin"
width="4"
height="26"
x="55"
y="108" />
<rect
style="opacity:0.875;fill:#008000;fill-opacity:1;stroke:none"
id="hint-top-shadow"
width="4"
height="22"
x="61"
y="34" />
<rect
y="89"
x="8"
height="4"
width="22"
id="hint-left-shadow"
style="opacity:0.875;fill:#008000;fill-opacity:1;stroke:none" />
<rect
style="opacity:0.875;fill:#008000;fill-opacity:1;stroke:none"
id="hint-right-shadow"
width="22"
height="4"
x="86"
y="90" />
<rect
y="112"
x="60"
height="22"
width="4"
id="hint-bottom-shadow"
style="opacity:0.875;fill:#008000;fill-opacity:1;stroke:none" />
<g
id="blurred-mask-top">
<path
style="opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 167,56.001866 V 69 h 26 V 56.001866 c -0.01,-0.0042 -0.0182,0 -0.028,0 h -25.94397 c -0.01,0 -0.0183,-0.0042 -0.028,0 z"
id="path870"
inkscape:connector-curvature="0" />
<path
id="path872"
d="M 167,34.002972 V 55.99986 h 26 V 34.002972 c -0.01,-0.007 -0.0182,0 -0.028,0 h -25.94396 c -0.01,0 -0.0183,-0.007 -0.028,0 z"
style="opacity:0;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:4.69041252"
inkscape:connector-curvature="0" />
</g>
<path
style="opacity:1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.58137769"
d="m 167,70.999987 v 26 h 26 v -26 z"
id="blurred-mask-center"
inkscape:connector-curvature="0" />
<g
id="blurred-mask-topright">
<path
sodipodi:nodetypes="cccccc"
inkscape:connector-curvature="0"
id="path896"
d="m 208,60 c -0.0672,-2.182709 -1.8173,-3.932783 -4,-4 h -9 v 13 h 13 z"
style="opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none" />
<path
inkscape:connector-curvature="0"
style="opacity:0;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:4.31455183"
d="M 208,34.003112 V 56 h 22 V 34.003112 c -0.008,-0.007 -0.0154,0 -0.0237,0 h -21.95258 c -0.008,0 -0.0155,-0.007 -0.0237,0 z"
id="path973" />
</g>
<g
id="blurred-mask-bottom">
<path
style="opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 193,111.99813 V 99 h -26 v 12.99813 c 0.01,0.004 0.0182,0 0.028,0 h 25.94397 c 0.01,0 0.0183,0.004 0.028,0 z"
id="path928"
inkscape:connector-curvature="0" />
<path
inkscape:connector-curvature="0"
style="opacity:0;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:4.69041252"
d="M 167,112.00311 V 134 h 26 v -21.99689 c -0.01,-0.007 -0.0182,0 -0.028,0 h -25.94396 c -0.01,0 -0.0183,-0.007 -0.028,0 z"
id="path975" />
</g>
<g
id="blurred-mask-left">
<path
inkscape:connector-curvature="0"
id="path862"
d="M 152.00187,96.999999 H 165 v -26 h -12.99813 c -0.004,0.0097 0,0.01822 0,0.02801 v 25.943968 c 0,0.0098 -0.004,0.01829 0,0.02802 z"
style="opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none" />
<path
id="path977"
d="m 130.00187,71.003674 v 25.996323 h 22 V 71.003674 c -0.008,-0.0083 -0.0154,0 -0.0237,0 h -21.95258 c -0.008,0 -0.0155,-0.0083 -0.0237,0 z"
style="opacity:0;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:4.69041204"
inkscape:connector-curvature="0" />
</g>
<g
id="blurred-mask-topleft">
<path
style="opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 156,56 c -2.18271,0.0672 -3.93278,1.8173 -4,4 v 9 h 13 V 56 Z"
id="path888"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cccccc" />
<path
id="path979"
d="M 130,34.003112 V 56 h 22 V 34.003112 c -0.008,-0.007 -0.0154,0 -0.0237,0 h -21.95258 c -0.008,0 -0.0155,-0.007 -0.0237,0 z"
style="opacity:0;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:4.31455183"
inkscape:connector-curvature="0" />
</g>
<g
id="blurred-mask-bottomleft">
<path
sodipodi:nodetypes="cccccc"
inkscape:connector-curvature="0"
id="path904"
d="m 156.02802,112 c -2.18271,-0.0672 -3.93278,-1.8173 -4,-4 v -9 h 13 v 13 z"
style="opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none" />
<path
inkscape:connector-curvature="0"
style="opacity:0;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:4.31455183"
d="M 130,112.00311 V 134 h 22 v -21.99689 c -0.008,-0.007 -0.0154,0 -0.0237,0 h -21.95258 c -0.008,0 -0.0155,-0.007 -0.0237,0 z"
id="path981" />
</g>
<g
id="blurred-mask-bottomright">
<path
style="opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 208.02802,108 c -0.0672,2.18271 -1.8173,3.93278 -4,4 h -9 V 99 h 13 z"
id="path912"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cccccc" />
<path
id="path983"
d="M 207.99998,112.00311 V 134 h 22 v -21.99689 c -0.008,-0.007 -0.0154,0 -0.0237,0 H 208.0237 c -0.008,0 -0.0155,-0.007 -0.0237,0 z"
style="opacity:0;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:4.31455183"
inkscape:connector-curvature="0" />
</g>
<g
id="blurred-mask-right">
<path
inkscape:connector-curvature="0"
id="path920"
d="M 207.99813,71.000001 H 195 v 26 h 12.99813 c 0.004,-0.0097 0,-0.01822 0,-0.02801 V 71.028023 c 0,-0.0098 0.004,-0.01829 0,-0.02802 z"
style="opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none" />
<path
inkscape:connector-curvature="0"
style="opacity:0;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:4.69041204"
d="m 207.99813,71.000003 v 25.996323 h 22 V 71.000003 c -0.008,-0.0083 -0.0154,0 -0.0237,0 h -21.95258 c -0.008,0 -0.0155,-0.0083 -0.0237,0 z"
id="path985" />
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 20 KiB

View File

@ -16,7 +16,7 @@
id="svg2"
version="1.1"
inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)"
sodipodi:docname="_tooltip.svg">
sodipodi:docname="tooltip.svg">
<style
type="text/css"
id="current-color-scheme">
@ -267,9 +267,9 @@
borderopacity="1"
inkscape:pageopacity="0.65882353"
inkscape:pageshadow="2"
inkscape:zoom="3.7349999"
inkscape:cx="111.84091"
inkscape:cy="49.099484"
inkscape:zoom="7.4699998"
inkscape:cx="134.8355"
inkscape:cy="29.875468"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="true"
@ -313,22 +313,77 @@
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,-904.36218)">
<rect
style="fill:url(#linearGradient1020);fill-opacity:1;stroke:none;stroke-width:2.21880078"
id="shadow-right"
width="32"
height="8"
x="-948.36218"
y="-122.99999"
transform="matrix(0,-1,-1,0,0,0)" />
<rect
y="-960.362"
x="79"
height="8"
width="32"
id="shadow-bottom"
style="fill:url(#linearGradient1022);fill-opacity:1;stroke:none;stroke-width:1.0504514"
transform="scale(1,-1)" />
<g
id="shadow-bottom">
<rect
transform="scale(1,-1)"
style="fill:url(#linearGradient1022);fill-opacity:1;stroke:none;stroke-width:1.0504514"
id="rect918"
width="32"
height="8"
x="79"
y="-960.362" />
<rect
style="opacity:0;fill:#000000;fill-opacity:1;stroke:none;stroke-width:2.51968288;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect894"
width="4"
height="3.9999924"
x="82"
y="948.36218" />
</g>
<g
id="shadow-right">
<rect
transform="matrix(0,-1,-1,0,0,0)"
y="-122.99999"
x="-948.36218"
height="8"
width="32"
id="rect914"
style="fill:url(#linearGradient1020);fill-opacity:1;stroke:none;stroke-width:2.21880078" />
<rect
y="920.36218"
x="111"
height="3.9999924"
width="4"
id="rect892"
style="opacity:0;fill:#000000;fill-opacity:1;stroke:none;stroke-width:2.51968288;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
</g>
<g
id="shadow-top">
<rect
y="904.36218"
x="79"
height="8"
width="32"
id="rect912"
style="fill:url(#linearGradient1018);fill-opacity:1;stroke:none;stroke-width:1.0504514" />
<rect
y="912.36218"
x="82"
height="3.9999924"
width="4"
id="rect888"
style="opacity:0;fill:#000000;fill-opacity:1;stroke:none;stroke-width:2.51968288;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
</g>
<g
id="shadow-left">
<rect
transform="rotate(-90)"
style="fill:url(#linearGradient1030);fill-opacity:1;stroke:none;stroke-width:2.21880078"
id="rect916"
width="32"
height="8"
x="-948.36218"
y="67" />
<rect
style="opacity:0;fill:#000000;fill-opacity:1;stroke:none;stroke-width:2.51968288;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect890"
width="4"
height="3.9999924"
x="75"
y="920.36218" />
</g>
<path
inkscape:label="#path3870"
style="fill:url(#radialGradient1024);fill-opacity:1;stroke:none"
@ -345,21 +400,6 @@
id="shadow-bottomright"
d="m 123,960.36216 v -12 h -8 c 0,2.20914 -1.79086,4 -4,4 v 8 z"
style="fill:url(#radialGradient1032);fill-opacity:1;stroke:none" />
<rect
y="67"
x="-948.36218"
height="8"
width="32"
id="shadow-left"
style="fill:url(#linearGradient1030);fill-opacity:1;stroke:none;stroke-width:2.21880078"
transform="rotate(-90)" />
<rect
style="fill:url(#linearGradient1018);fill-opacity:1;stroke:none;stroke-width:1.0504514"
id="shadow-top"
width="32"
height="8"
x="79"
y="904.36218" />
<rect
style="opacity:1;fill:#ff6600;fill-opacity:1;stroke:none"
id="hint-tile-center"

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 22 KiB

View File

@ -16,7 +16,7 @@
id="svg2"
version="1.1"
inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)"
sodipodi:docname="_tooltip.svg">
sodipodi:docname="tooltip.svg">
<style
type="text/css"
id="current-color-scheme">
@ -267,9 +267,9 @@
borderopacity="1"
inkscape:pageopacity="0.65882353"
inkscape:pageshadow="2"
inkscape:zoom="3.7349999"
inkscape:cx="111.84091"
inkscape:cy="49.099484"
inkscape:zoom="10.564175"
inkscape:cx="155.81624"
inkscape:cy="38.089614"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="true"
@ -285,7 +285,8 @@
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0">
fit-margin-bottom="0"
inkscape:snap-object-midpoints="true">
<inkscape:grid
type="xygrid"
id="grid3336"
@ -313,22 +314,81 @@
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,-904.36218)">
<rect
style="fill:url(#linearGradient1020);fill-opacity:1;stroke:none;stroke-width:2.21880078"
id="shadow-right"
width="32"
height="8"
x="-948.36218"
y="-122.99999"
transform="matrix(0,-1,-1,0,0,0)" />
<rect
y="-960.362"
x="79"
height="8"
width="32"
id="shadow-bottom"
style="fill:url(#linearGradient1022);fill-opacity:1;stroke:none;stroke-width:1.0504514"
transform="scale(1,-1)" />
<g
id="shadow-bottom">
<rect
transform="scale(1,-1)"
style="fill:url(#linearGradient1022);fill-opacity:1;stroke:none;stroke-width:1.0504514"
id="rect916"
width="32"
height="8"
x="79"
y="-960.362" />
<rect
style="opacity:0;fill:#000000;fill-opacity:1;stroke:none;stroke-width:3.77952766;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect894"
width="4"
height="4"
x="86"
y="948.36218"
ry="0" />
</g>
<g
id="shadow-right">
<rect
transform="matrix(0,-1,-1,0,0,0)"
y="-122.99999"
x="-948.36218"
height="8"
width="32"
id="rect918"
style="fill:url(#linearGradient1020);fill-opacity:1;stroke:none;stroke-width:2.21880078" />
<rect
ry="0"
y="918.36218"
x="111"
height="4"
width="4"
id="rect892"
style="opacity:0;fill:#000000;fill-opacity:1;stroke:none;stroke-width:3.77952766;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
</g>
<g
id="shadow-top">
<rect
y="904.36218"
x="79"
height="8"
width="32"
id="rect914"
style="fill:url(#linearGradient1018);fill-opacity:1;stroke:none;stroke-width:1.0504514" />
<rect
ry="0"
y="912.36218"
x="86"
height="4"
width="4"
id="rect888"
style="opacity:0;fill:#000000;fill-opacity:1;stroke:none;stroke-width:3.77952766;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
</g>
<g
id="shadow-left">
<rect
transform="rotate(-90)"
style="fill:url(#linearGradient1030);fill-opacity:1;stroke:none;stroke-width:2.21880078"
id="rect912"
width="32"
height="8"
x="-948.36218"
y="67" />
<rect
style="opacity:0;fill:#000000;fill-opacity:1;stroke:none;stroke-width:3.77952766;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect890"
width="4"
height="4"
x="75"
y="918.36218"
ry="0" />
</g>
<path
inkscape:label="#path3870"
style="fill:url(#radialGradient1024);fill-opacity:1;stroke:none"
@ -345,21 +405,6 @@
id="shadow-bottomright"
d="m 123,960.36216 v -12 h -8 c 0,2.20914 -1.79086,4 -4,4 v 8 z"
style="fill:url(#radialGradient1032);fill-opacity:1;stroke:none" />
<rect
y="67"
x="-948.36218"
height="8"
width="32"
id="shadow-left"
style="fill:url(#linearGradient1030);fill-opacity:1;stroke:none;stroke-width:2.21880078"
transform="rotate(-90)" />
<rect
style="fill:url(#linearGradient1018);fill-opacity:1;stroke:none;stroke-width:1.0504514"
id="shadow-top"
width="32"
height="8"
x="79"
y="904.36218" />
<rect
style="opacity:1;fill:#ff6600;fill-opacity:1;stroke:none"
id="hint-tile-center"

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 22 KiB

View File

@ -16,7 +16,7 @@
id="svg2"
version="1.1"
inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)"
sodipodi:docname="_tooltip.svg">
sodipodi:docname="tooltip.svg">
<style
type="text/css"
id="current-color-scheme">
@ -267,9 +267,9 @@
borderopacity="1"
inkscape:pageopacity="0.65882353"
inkscape:pageshadow="2"
inkscape:zoom="3.7349999"
inkscape:cx="111.84091"
inkscape:cy="49.099484"
inkscape:zoom="21.12835"
inkscape:cx="90.567795"
inkscape:cy="40.500651"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="true"
@ -313,22 +313,77 @@
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,-904.36218)">
<rect
style="fill:url(#linearGradient1020);fill-opacity:1;stroke:none;stroke-width:2.21880078"
id="shadow-right"
width="32"
height="8"
x="-948.36218"
y="-122.99999"
transform="matrix(0,-1,-1,0,0,0)" />
<rect
y="-960.362"
x="79"
height="8"
width="32"
id="shadow-bottom"
style="fill:url(#linearGradient1022);fill-opacity:1;stroke:none;stroke-width:1.0504514"
transform="scale(1,-1)" />
<g
id="shadow-top">
<rect
y="904.36218"
x="79"
height="8"
width="32"
id="rect916"
style="fill:url(#linearGradient1018);fill-opacity:1;stroke:none;stroke-width:1.0504514" />
<rect
y="912.36218"
x="82"
height="4"
width="4"
id="rect888"
style="opacity:0;fill:#000000;fill-opacity:1;stroke:none;stroke-width:3.77952766;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
</g>
<g
id="shadow-right">
<rect
transform="matrix(0,-1,-1,0,0,0)"
y="-122.99999"
x="-948.36218"
height="8"
width="32"
id="rect920"
style="fill:url(#linearGradient1020);fill-opacity:1;stroke:none;stroke-width:2.21880078" />
<rect
style="opacity:0;fill:#000000;fill-opacity:1;stroke:none;stroke-width:3.77952766;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect892"
width="4"
height="4"
x="111"
y="918.36218" />
</g>
<g
id="shadow-left">
<rect
transform="rotate(-90)"
style="fill:url(#linearGradient1030);fill-opacity:1;stroke:none;stroke-width:2.21880078"
id="rect918"
width="32"
height="8"
x="-948.36218"
y="67" />
<rect
y="918.36218"
x="75"
height="4"
width="4"
id="rect890"
style="opacity:0;fill:#000000;fill-opacity:1;stroke:none;stroke-width:3.77952766;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
</g>
<g
id="shadow-bottom">
<rect
transform="scale(1,-1)"
style="fill:url(#linearGradient1022);fill-opacity:1;stroke:none;stroke-width:1.0504514"
id="rect922"
width="32"
height="8"
x="79"
y="-960.362" />
<rect
style="opacity:0;fill:#000000;fill-opacity:1;stroke:none;stroke-width:3.77952766;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect894"
width="4"
height="4"
x="82"
y="948.36218" />
</g>
<path
inkscape:label="#path3870"
style="fill:url(#radialGradient1024);fill-opacity:1;stroke:none"
@ -345,21 +400,6 @@
id="shadow-bottomright"
d="m 123,960.36216 v -12 h -8 c 0,2.20914 -1.79086,4 -4,4 v 8 z"
style="fill:url(#radialGradient1032);fill-opacity:1;stroke:none" />
<rect
y="67"
x="-948.36218"
height="8"
width="32"
id="shadow-left"
style="fill:url(#linearGradient1030);fill-opacity:1;stroke:none;stroke-width:2.21880078"
transform="rotate(-90)" />
<rect
style="fill:url(#linearGradient1018);fill-opacity:1;stroke:none;stroke-width:1.0504514"
id="shadow-top"
width="32"
height="8"
x="79"
y="904.36218" />
<rect
style="opacity:1;fill:#ff6600;fill-opacity:1;stroke:none"
id="hint-tile-center"

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 22 KiB