Merge pull request #201 from visuddhinanda/master

优化译文工具栏

app/studio/svg/icon.svg

@@ -702,51 +702,103 @@
 	</symbol>
 	<symbol id="add_to_anthology" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
 		t="1603380648769" class="icon" viewBox="0 0 1024 1024" version="1.1" p-id="3981">
-		<defs>
-			<style type="text/css" /></defs>
-			<path d="M522.768405 966.328483c24.69205 0 44.749431-19.088552 44.749431-43.558033V97.157849c0-24.089805-20.358504-43.623495-44.749431-43.623495H386.438438c-24.69205 0.078554-44.749431 19.127829-44.749431 43.623495v825.534048c0 24.089805 20.358504 43.558033 44.749431 43.558033h136.329967v0.078553zM789.130948 966.328483c24.69205 0 44.749431-19.088552 44.749431-43.558033V529.203263c0-24.089805-20.358504-43.623495-44.749431-43.623495H652.800982c-24.69205 0.078554-44.749431 19.127829-44.749431 43.623495v393.488634c0 24.089805 20.358504 43.558033 44.749431 43.558033h136.329966v0.078553zM256.379676 966.328483c24.718235 0 44.775616-19.140921 44.775616-43.59731V97.157849c0-24.089805-20.384688-43.623495-44.775616-43.623495H120.062802c-24.705142 0.091646-44.762523 19.127829-44.762523 43.623495v825.534048c0 24.089805 20.384688 43.558033 44.762523 43.558033h136.303782v0.078553z" p-id="3982"/>
-			<path d="M945.335004 251.908661H665.749252c-10.395275 0-18.90526-8.509985-18.90526-18.90526v-41.528729c0-10.395275 8.509985-18.90526 18.90526-18.90526h279.585752c10.395275 0 18.90526 8.509985 18.90526 18.90526v41.528729c0 10.395275-8.509985 18.90526-18.90526 18.90526z" p-id="3983"/>
-			<path d="M845.218299 72.439614v279.585752c0 10.395275-8.509985 18.90526-18.90526 18.90526h-41.528729c-10.395275 0-18.90526-8.509985-18.90526-18.90526V72.439614c0-10.395275 8.509985-18.90526 18.90526-18.90526h41.528729c10.395275 0 18.90526 8.509985 18.90526 18.90526z" p-id="3984" />
-		</symbol>
-		<symbol id="return" t="1603381219001" class="icon" viewBox="0 0 1339 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9542" >
-			<path d="M1319.676948 1023.921237c-80.889778-241.802938-315.367741-414.451811-591.905238-419.335128-34.498269-0.630105-66.948696 0.078763-97.902623 2.126605v238.888701l0.23629 2.126606a10.790555 10.790555 0 0 1-10.869318 10.633028 10.633028 10.633028 0 0 1-9.294055-5.119606v1.023921L7.876317 444.539343h3.150527A10.790555 10.790555 0 0 1 0 433.906315c0-4.253211 2.520422-7.876317 6.143527-9.609107L609.863241 13.626029v1.023921A11.026844 11.026844 0 0 1 619.078532 9.609107c5.986001 0 10.948081 4.72579 10.948081 10.633028 0 0.708869-0.157526 1.417737-0.315052 2.126606v231.721252c27.56711-1.338974 56.551958-1.73279 87.033305-1.181448 343.564957 5.670948 622.229059 286.225367 622.229059 620.890086A588.518422 588.518422 0 0 1 1319.676948 1023.921237zM635.461272 3.150527v1.811553H631.68064L635.461272 3.150527z m-0.393816 869.230367l-2.835474-1.890316h2.835474v1.890316z" p-id="9543"></path>
-		</symbol>
-		<symbol id="preview" t="1603382451124" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15536">
-			<path d="M703.730499 544.578527a191.730499 191.730499 0 0 1 156.260356 302.806368l122.004508 122.004507a31.955083 31.955083 0 0 1-45.248398 45.184488l-121.940597-121.940598A191.730499 191.730499 0 1 1 703.730499 544.642437z m-6.391017-511.28133c38.857381 0 70.301183 30.67688 70.301183 68.511698v386.912146a255.640665 255.640665 0 1 0-69.022979 503.16474l-563.687667 0.06391c-38.857381 0-70.301183-30.67688-70.301183-68.447788V101.808895C64.628836 63.910166 96.072638 33.233286 134.930019 33.233286h562.409463z m6.391017 575.191496a127.820333 127.820333 0 1 0 0 255.640665 127.820333 127.820333 0 0 0 0-255.640665z m-351.505915 0h-127.820332a31.955083 31.955083 0 0 0-5.751915 63.398885l5.751915 0.511281h127.820332a31.955083 31.955083 0 0 0 0-63.910166z m0-191.730499h-127.820332a31.955083 31.955083 0 0 0-5.751915 63.398885l5.751915 0.511282h127.820332a31.955083 31.955083 0 0 0 0-63.910167z m191.730499-191.730499h-319.550831a31.955083 31.955083 0 0 0-5.751915 63.398885l5.751915 0.511282h319.550831a31.955083 31.955083 0 0 0 0-63.910167z" p-id="15537">
-			</path>
-		</symbol>
-		<symbol id="library" t="1603382761175" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="16364">
-			<path d="M511.974717 475.849119a670.455197 670.455197 0 0 0-455.085828-176.914615v548.15088c175.947558 0 335.73957 67.238931 455.085828 176.85773a672.787512 672.787512 0 0 1 455.085829-176.914616V298.991389a670.455197 670.455197 0 0 0-455.085829 176.914616z m0-176.914615c83.963335 0 151.714238-66.72696 151.714239-149.438809C663.688956 66.783845 595.938053 0 511.974717 0 428.011382 0 360.260479 66.783845 360.260479 149.495695c0 82.711849 67.750903 149.438809 151.714238 149.438809z" p-id="16365"></path>
-		</symbol>
-		<symbol id="eye_disable" t="1603383513346" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3337">
-			<path d="M192.853333 253.184L59.434667 119.808l60.373333-60.373333 844.757333 844.8-60.373333 60.330666-141.226667-141.226666A467.157333 467.157333 0 0 1 512 896c-230.058667 0-421.461333-165.546667-461.610667-384a468.565333 468.565333 0 0 1 142.506667-258.816z m436.778667 436.821333l-62.464-62.464a128 128 0 0 1-170.709333-170.709333L333.994667 394.368a213.333333 213.333333 0 0 0 295.637333 295.637333zM340.224 160.426667C393.429333 139.52 451.413333 128 512 128c230.058667 0 421.461333 165.546667 461.610667 384a467.072 467.072 0 0 1-85.845334 195.925333l-164.693333-164.693333a213.333333 213.333333 0 0 0-242.346667-242.346667L340.224 160.469333z" p-id="3338"></path>
-		</symbol>
-		<symbol id="eye_enable" t="1603383594328" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3482">
-			<path d="M50.389333 512C90.496 293.546667 281.941333 128 512 128c230.058667 0 421.461333 165.546667 461.610667 384-40.106667 218.453333-231.552 384-461.610667 384-230.058667 0-421.461333-165.546667-461.610667-384zM512 725.333333a213.333333 213.333333 0 1 0 0-426.666666 213.333333 213.333333 0 0 0 0 426.666666z m0-85.333333a128 128 0 1 1 0-256 128 128 0 0 1 0 256z" p-id="3483"></path>
-		</symbol>
-		<symbol id="share_to" x="0px" y="0px" viewBox="0 0 477.8 477.8" style="enable-background:new 0 0 477.8 477.8;" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
-			<g>
-				<path id="XMLID_2074_" d="M367.75,288.5c-25,0-47.8,9.7-64.7,25.5l-65.2-39.4c3.7-11.2,5.7-23.1,5.7-35.6c0-12.4-2-24.4-5.7-35.6   l65.3-39.5c16.9,15.8,39.7,25.5,64.7,25.5c52.3,0,94.7-42.4,94.7-94.7S420.15,0,367.85,0s-94.7,42.4-94.7,94.7   c0,8.7,1.2,17.2,3.4,25.2l-65.3,39.5c-20.7-21.3-49.8-34.6-81.9-34.6c-63,0-114.1,51.1-114.1,114.1S66.35,353,129.35,353   c32.1,0,61.1-13.3,81.9-34.6l65.3,39.5c-2.2,8-3.4,16.5-3.4,25.2c0,52.3,42.4,94.7,94.7,94.7s94.7-42.4,94.7-94.7   S420.05,288.5,367.75,288.5z M92.15,239c0,9.4-7.6,17-17,17c-9.4,0-17-7.6-17-17c0-39.3,32-71.3,71.3-71.3c9.4,0,17,7.6,17,17   s-7.6,17-17,17C108.85,201.8,92.15,218.5,92.15,239z"/>
-			</g>
-		</symbol>
-		<symbol id="my_zone" t="1603904205153" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3318" >
-			<path d="M870.339765 0H153.6C66.620235 0 0 66.620235 0 153.660235V870.4C0 957.379765 66.620235 1024 153.660235 1024H870.4C957.379765 1024 1024 957.379765 1024 870.339765V153.6C1024 66.620235 957.379765 0 870.339765 0z m-21.744941 457.607529c-34.695529 39.454118-153.359059 158.418824-153.359059 158.418824s5.12 9.878588 5.12 19.696941v5.12c-79.209412-5.12-158.418824-5.12-222.689883-19.696941 84.329412-59.512471 133.601882-89.088 227.749647-168.297412-98.906353-24.816941-331.776-24.816941-396.047058 5.12 104.026353 5.059765 187.994353 9.818353 272.323764 19.696941-39.454118 39.454118-143.480471 108.784941-227.809882 173.357177 98.966588 19.757176 237.688471 14.998588 356.352-5.059765l39.393882-9.878588c-5.059765 9.878588-29.515294 14.938353-39.393882 19.696941 9.818353 54.452706 24.816941 143.480471 29.515294 178.176 5.12 19.696941-14.938353 34.695529-29.515294 24.816941-49.694118-24.816941-193.114353-104.026353-193.114353-104.026353s-143.480471 79.209412-193.114353 104.026353c-14.998588 5.12-34.695529-5.12-29.575529-24.816941 5.059765-54.392471 34.635294-222.689882 34.635294-222.689882l-158.418824-158.418824c-9.818353-14.938353-5.059765-34.695529 14.998588-39.454117 49.633882-5.059765 217.931294-34.635294 217.931295-34.635295s69.270588-153.359059 94.147764-202.992941c5.12-14.938353 24.816941-14.938353 34.69553 0 19.696941 49.633882 94.147765 202.992941 94.147764 202.992941s158.418824 24.816941 212.811295 34.635295c19.034353 4.457412 24.154353 24.515765 9.216 44.212705z" p-id="3319"></path>
-		</symbol>
-		<symbol id="upload_ms" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 512 512"  xml:space="preserve">
-			<polygon style="fill:var(--btn-color);" points="307.64,167.608 344.072,130.456 344.072,220.104 378.064,220.104 378.064,130.456   414.496,167.608 438.752,143.936 361.072,64.736 283.384,143.936 "/>
-			<path style="fill:var(--btn-color);" d="M401.392,271.552H432c44,0,80,35.936,80,79.872v15.968c0,43.92-36,79.872-80,79.872H80  c-44,0-80-35.936-80-79.872v-15.968c0-40.96,31.424-74.592,71.328-78.992c-0.784-5.52-1.328-11.12-1.328-16.848  c0-65.616,53.28-118.8,118.992-118.8c50.464,0,93.488,31.424,110.8,75.68c0,0,26.672-12.24,60.016-0.448  C401.264,226.688,401.392,271.552,401.392,271.552z"/>
-		</symbol>
-		<symbol id="download_ms" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 512 512"  xml:space="preserve">
-			<path style="fill:var(--btn-color);" d="M401.392,271.552H432c44,0,80,35.936,80,79.872v15.968c0,43.92-36,79.872-80,79.872H80  c-44,0-80-35.936-80-79.872v-15.968c0-40.96,31.424-74.592,71.328-78.992c-0.784-5.52-1.328-11.12-1.328-16.848  c0-65.616,53.28-118.8,118.992-118.8c50.464,0,93.488,31.424,110.8,75.68c0,0,26.672-12.24,60.016-0.448  C401.264,226.688,401.392,271.552,401.392,271.552z"/>
-			<polygon style="fill:var(--tool-bg-color);" points="251.12,284.768 214.688,321.92 214.688,232.272 180.704,232.272 180.704,321.92   144.272,284.768 120.008,308.44 197.688,387.64 275.384,308.44 "/>
-		</symbol>
-		<symbol id="transmit_ms" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 512 512"  xml:space="preserve">
-			<polygon style="fill:var(--btn-color);" points="307.64,167.608 344.072,130.456 344.072,220.104 378.064,220.104 378.064,130.456   414.496,167.608 438.752,143.936 361.072,64.736 283.384,143.936 "/>
-			<path style="fill:var(--btn-color);" d="M401.392,271.552H432c44,0,80,35.936,80,79.872v15.968c0,43.92-36,79.872-80,79.872H80  c-44,0-80-35.936-80-79.872v-15.968c0-40.96,31.424-74.592,71.328-78.992c-0.784-5.52-1.328-11.12-1.328-16.848  c0-65.616,53.28-118.8,118.992-118.8c50.464,0,93.488,31.424,110.8,75.68c0,0,26.672-12.24,60.016-0.448  C401.264,226.688,401.392,271.552,401.392,271.552z"/>
-			<polygon style="fill:var(--tool-bg-color);" points="251.12,284.768 214.688,321.92 214.688,232.272 180.704,232.272 180.704,321.92   144.272,284.768 120.008,308.44 197.688,387.64 275.384,308.44 "/>
-		</symbol>
-		<symbol id="pause_ms" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 512 512"  xml:space="preserve">
-			<path style="fill:var(--btn-color);" d="M401.392,271.552H432c44,0,80,35.936,80,79.872v15.968c0,43.92-36,79.872-80,79.872H80  c-44,0-80-35.936-80-79.872v-15.968c0-40.96,31.424-74.592,71.328-78.992c-0.784-5.52-1.328-11.12-1.328-16.848  c0-65.616,53.28-118.8,118.992-118.8c50.464,0,93.488,31.424,110.8,75.68c0,0,26.672-12.24,60.016-0.448  C401.264,226.688,401.392,271.552,401.392,271.552z"/>
-		</symbol>
-
+		<path
+			d="M522.768405 966.328483c24.69205 0 44.749431-19.088552 44.749431-43.558033V97.157849c0-24.089805-20.358504-43.623495-44.749431-43.623495H386.438438c-24.69205 0.078554-44.749431 19.127829-44.749431 43.623495v825.534048c0 24.089805 20.358504 43.558033 44.749431 43.558033h136.329967v0.078553zM789.130948 966.328483c24.69205 0 44.749431-19.088552 44.749431-43.558033V529.203263c0-24.089805-20.358504-43.623495-44.749431-43.623495H652.800982c-24.69205 0.078554-44.749431 19.127829-44.749431 43.623495v393.488634c0 24.089805 20.358504 43.558033 44.749431 43.558033h136.329966v0.078553zM256.379676 966.328483c24.718235 0 44.775616-19.140921 44.775616-43.59731V97.157849c0-24.089805-20.384688-43.623495-44.775616-43.623495H120.062802c-24.705142 0.091646-44.762523 19.127829-44.762523 43.623495v825.534048c0 24.089805 20.384688 43.558033 44.762523 43.558033h136.303782v0.078553z"
+			p-id="3982" />
+		<path
+			d="M945.335004 251.908661H665.749252c-10.395275 0-18.90526-8.509985-18.90526-18.90526v-41.528729c0-10.395275 8.509985-18.90526 18.90526-18.90526h279.585752c10.395275 0 18.90526 8.509985 18.90526 18.90526v41.528729c0 10.395275-8.509985 18.90526-18.90526 18.90526z"
+			p-id="3983" />
+		<path
+			d="M845.218299 72.439614v279.585752c0 10.395275-8.509985 18.90526-18.90526 18.90526h-41.528729c-10.395275 0-18.90526-8.509985-18.90526-18.90526V72.439614c0-10.395275 8.509985-18.90526 18.90526-18.90526h41.528729c10.395275 0 18.90526 8.509985 18.90526 18.90526z"
+			p-id="3984" />
+	</symbol>
+	<symbol id="return" t="1603381219001" class="icon" viewBox="0 0 1339 1024" version="1.1"
+		xmlns="http://www.w3.org/2000/svg" p-id="9542">
+		<path
+			d="M1319.676948 1023.921237c-80.889778-241.802938-315.367741-414.451811-591.905238-419.335128-34.498269-0.630105-66.948696 0.078763-97.902623 2.126605v238.888701l0.23629 2.126606a10.790555 10.790555 0 0 1-10.869318 10.633028 10.633028 10.633028 0 0 1-9.294055-5.119606v1.023921L7.876317 444.539343h3.150527A10.790555 10.790555 0 0 1 0 433.906315c0-4.253211 2.520422-7.876317 6.143527-9.609107L609.863241 13.626029v1.023921A11.026844 11.026844 0 0 1 619.078532 9.609107c5.986001 0 10.948081 4.72579 10.948081 10.633028 0 0.708869-0.157526 1.417737-0.315052 2.126606v231.721252c27.56711-1.338974 56.551958-1.73279 87.033305-1.181448 343.564957 5.670948 622.229059 286.225367 622.229059 620.890086A588.518422 588.518422 0 0 1 1319.676948 1023.921237zM635.461272 3.150527v1.811553H631.68064L635.461272 3.150527z m-0.393816 869.230367l-2.835474-1.890316h2.835474v1.890316z"
+			p-id="9543"></path>
+	</symbol>
+	<symbol id="preview" t="1603382451124" class="icon" viewBox="0 0 1024 1024" version="1.1"
+		xmlns="http://www.w3.org/2000/svg" p-id="15536">
+		<path
+			d="M703.730499 544.578527a191.730499 191.730499 0 0 1 156.260356 302.806368l122.004508 122.004507a31.955083 31.955083 0 0 1-45.248398 45.184488l-121.940597-121.940598A191.730499 191.730499 0 1 1 703.730499 544.642437z m-6.391017-511.28133c38.857381 0 70.301183 30.67688 70.301183 68.511698v386.912146a255.640665 255.640665 0 1 0-69.022979 503.16474l-563.687667 0.06391c-38.857381 0-70.301183-30.67688-70.301183-68.447788V101.808895C64.628836 63.910166 96.072638 33.233286 134.930019 33.233286h562.409463z m6.391017 575.191496a127.820333 127.820333 0 1 0 0 255.640665 127.820333 127.820333 0 0 0 0-255.640665z m-351.505915 0h-127.820332a31.955083 31.955083 0 0 0-5.751915 63.398885l5.751915 0.511281h127.820332a31.955083 31.955083 0 0 0 0-63.910166z m0-191.730499h-127.820332a31.955083 31.955083 0 0 0-5.751915 63.398885l5.751915 0.511282h127.820332a31.955083 31.955083 0 0 0 0-63.910167z m191.730499-191.730499h-319.550831a31.955083 31.955083 0 0 0-5.751915 63.398885l5.751915 0.511282h319.550831a31.955083 31.955083 0 0 0 0-63.910167z"
+			p-id="15537">
+		</path>
+	</symbol>
+	<symbol id="library" t="1603382761175" class="icon" viewBox="0 0 1024 1024" version="1.1"
+		xmlns="http://www.w3.org/2000/svg" p-id="16364">
+		<path
+			d="M511.974717 475.849119a670.455197 670.455197 0 0 0-455.085828-176.914615v548.15088c175.947558 0 335.73957 67.238931 455.085828 176.85773a672.787512 672.787512 0 0 1 455.085829-176.914616V298.991389a670.455197 670.455197 0 0 0-455.085829 176.914616z m0-176.914615c83.963335 0 151.714238-66.72696 151.714239-149.438809C663.688956 66.783845 595.938053 0 511.974717 0 428.011382 0 360.260479 66.783845 360.260479 149.495695c0 82.711849 67.750903 149.438809 151.714238 149.438809z"
+			p-id="16365"></path>
+	</symbol>
+	<symbol id="eye_disable" t="1603383513346" class="icon" viewBox="0 0 1024 1024" version="1.1"
+		xmlns="http://www.w3.org/2000/svg" p-id="3337">
+		<path
+			d="M192.853333 253.184L59.434667 119.808l60.373333-60.373333 844.757333 844.8-60.373333 60.330666-141.226667-141.226666A467.157333 467.157333 0 0 1 512 896c-230.058667 0-421.461333-165.546667-461.610667-384a468.565333 468.565333 0 0 1 142.506667-258.816z m436.778667 436.821333l-62.464-62.464a128 128 0 0 1-170.709333-170.709333L333.994667 394.368a213.333333 213.333333 0 0 0 295.637333 295.637333zM340.224 160.426667C393.429333 139.52 451.413333 128 512 128c230.058667 0 421.461333 165.546667 461.610667 384a467.072 467.072 0 0 1-85.845334 195.925333l-164.693333-164.693333a213.333333 213.333333 0 0 0-242.346667-242.346667L340.224 160.469333z"
+			p-id="3338"></path>
+	</symbol>
+	<symbol id="eye_enable" t="1603383594328" class="icon" viewBox="0 0 1024 1024" version="1.1"
+		xmlns="http://www.w3.org/2000/svg" p-id="3482">
+		<path
+			d="M50.389333 512C90.496 293.546667 281.941333 128 512 128c230.058667 0 421.461333 165.546667 461.610667 384-40.106667 218.453333-231.552 384-461.610667 384-230.058667 0-421.461333-165.546667-461.610667-384zM512 725.333333a213.333333 213.333333 0 1 0 0-426.666666 213.333333 213.333333 0 0 0 0 426.666666z m0-85.333333a128 128 0 1 1 0-256 128 128 0 0 1 0 256z"
+			p-id="3483"></path>
+	</symbol>
+	<symbol id="share_to" x="0px" y="0px" viewBox="0 0 477.8 477.8" style="enable-background:new 0 0 477.8 477.8;"
+		xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+		version="1.1">
+		<g>
+			<path id="XMLID_2074_"
+				d="M367.75,288.5c-25,0-47.8,9.7-64.7,25.5l-65.2-39.4c3.7-11.2,5.7-23.1,5.7-35.6c0-12.4-2-24.4-5.7-35.6   l65.3-39.5c16.9,15.8,39.7,25.5,64.7,25.5c52.3,0,94.7-42.4,94.7-94.7S420.15,0,367.85,0s-94.7,42.4-94.7,94.7   c0,8.7,1.2,17.2,3.4,25.2l-65.3,39.5c-20.7-21.3-49.8-34.6-81.9-34.6c-63,0-114.1,51.1-114.1,114.1S66.35,353,129.35,353   c32.1,0,61.1-13.3,81.9-34.6l65.3,39.5c-2.2,8-3.4,16.5-3.4,25.2c0,52.3,42.4,94.7,94.7,94.7s94.7-42.4,94.7-94.7   S420.05,288.5,367.75,288.5z M92.15,239c0,9.4-7.6,17-17,17c-9.4,0-17-7.6-17-17c0-39.3,32-71.3,71.3-71.3c9.4,0,17,7.6,17,17   s-7.6,17-17,17C108.85,201.8,92.15,218.5,92.15,239z" />
+		</g>
+	</symbol>
+	<symbol id="my_zone" t="1603904205153" class="icon" viewBox="0 0 1024 1024" version="1.1"
+		xmlns="http://www.w3.org/2000/svg" p-id="3318">
+		<path
+			d="M870.339765 0H153.6C66.620235 0 0 66.620235 0 153.660235V870.4C0 957.379765 66.620235 1024 153.660235 1024H870.4C957.379765 1024 1024 957.379765 1024 870.339765V153.6C1024 66.620235 957.379765 0 870.339765 0z m-21.744941 457.607529c-34.695529 39.454118-153.359059 158.418824-153.359059 158.418824s5.12 9.878588 5.12 19.696941v5.12c-79.209412-5.12-158.418824-5.12-222.689883-19.696941 84.329412-59.512471 133.601882-89.088 227.749647-168.297412-98.906353-24.816941-331.776-24.816941-396.047058 5.12 104.026353 5.059765 187.994353 9.818353 272.323764 19.696941-39.454118 39.454118-143.480471 108.784941-227.809882 173.357177 98.966588 19.757176 237.688471 14.998588 356.352-5.059765l39.393882-9.878588c-5.059765 9.878588-29.515294 14.938353-39.393882 19.696941 9.818353 54.452706 24.816941 143.480471 29.515294 178.176 5.12 19.696941-14.938353 34.695529-29.515294 24.816941-49.694118-24.816941-193.114353-104.026353-193.114353-104.026353s-143.480471 79.209412-193.114353 104.026353c-14.998588 5.12-34.695529-5.12-29.575529-24.816941 5.059765-54.392471 34.635294-222.689882 34.635294-222.689882l-158.418824-158.418824c-9.818353-14.938353-5.059765-34.695529 14.998588-39.454117 49.633882-5.059765 217.931294-34.635294 217.931295-34.635295s69.270588-153.359059 94.147764-202.992941c5.12-14.938353 24.816941-14.938353 34.69553 0 19.696941 49.633882 94.147765 202.992941 94.147764 202.992941s158.418824 24.816941 212.811295 34.635295c19.034353 4.457412 24.154353 24.515765 9.216 44.212705z"
+			p-id="3319"></path>
+	</symbol>
+	<symbol id="upload_ms" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"
+		viewBox="0 0 512 512" xml:space="preserve">
+		<polygon style="fill:var(--btn-color);"
+			points="307.64,167.608 344.072,130.456 344.072,220.104 378.064,220.104 378.064,130.456   414.496,167.608 438.752,143.936 361.072,64.736 283.384,143.936 " />
+		<path style="fill:var(--btn-color);"
+			d="M401.392,271.552H432c44,0,80,35.936,80,79.872v15.968c0,43.92-36,79.872-80,79.872H80  c-44,0-80-35.936-80-79.872v-15.968c0-40.96,31.424-74.592,71.328-78.992c-0.784-5.52-1.328-11.12-1.328-16.848  c0-65.616,53.28-118.8,118.992-118.8c50.464,0,93.488,31.424,110.8,75.68c0,0,26.672-12.24,60.016-0.448  C401.264,226.688,401.392,271.552,401.392,271.552z" />
+	</symbol>
+	<symbol id="download_ms" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"
+		viewBox="0 0 512 512" xml:space="preserve">
+		<path style="fill:var(--btn-color);"
+			d="M401.392,271.552H432c44,0,80,35.936,80,79.872v15.968c0,43.92-36,79.872-80,79.872H80  c-44,0-80-35.936-80-79.872v-15.968c0-40.96,31.424-74.592,71.328-78.992c-0.784-5.52-1.328-11.12-1.328-16.848  c0-65.616,53.28-118.8,118.992-118.8c50.464,0,93.488,31.424,110.8,75.68c0,0,26.672-12.24,60.016-0.448  C401.264,226.688,401.392,271.552,401.392,271.552z" />
+		<polygon style="fill:var(--tool-bg-color);"
+			points="251.12,284.768 214.688,321.92 214.688,232.272 180.704,232.272 180.704,321.92   144.272,284.768 120.008,308.44 197.688,387.64 275.384,308.44 " />
+	</symbol>
+	<symbol id="transmit_ms" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"
+		viewBox="0 0 512 512" xml:space="preserve">
+		<polygon style="fill:var(--btn-color);"
+			points="307.64,167.608 344.072,130.456 344.072,220.104 378.064,220.104 378.064,130.456   414.496,167.608 438.752,143.936 361.072,64.736 283.384,143.936 " />
+		<path style="fill:var(--btn-color);"
+			d="M401.392,271.552H432c44,0,80,35.936,80,79.872v15.968c0,43.92-36,79.872-80,79.872H80  c-44,0-80-35.936-80-79.872v-15.968c0-40.96,31.424-74.592,71.328-78.992c-0.784-5.52-1.328-11.12-1.328-16.848  c0-65.616,53.28-118.8,118.992-118.8c50.464,0,93.488,31.424,110.8,75.68c0,0,26.672-12.24,60.016-0.448  C401.264,226.688,401.392,271.552,401.392,271.552z" />
+		<polygon style="fill:var(--tool-bg-color);"
+			points="251.12,284.768 214.688,321.92 214.688,232.272 180.704,232.272 180.704,321.92   144.272,284.768 120.008,308.44 197.688,387.64 275.384,308.44 " />
+	</symbol>
+	<symbol id="pause_ms" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"
+		viewBox="0 0 512 512" xml:space="preserve">
+		<path style="fill:var(--btn-color);"
+			d="M401.392,271.552H432c44,0,80,35.936,80,79.872v15.968c0,43.92-36,79.872-80,79.872H80  c-44,0-80-35.936-80-79.872v-15.968c0-40.96,31.424-74.592,71.328-78.992c-0.784-5.52-1.328-11.12-1.328-16.848  c0-65.616,53.28-118.8,118.992-118.8c50.464,0,93.488,31.424,110.8,75.68c0,0,26.672-12.24,60.016-0.448  C401.264,226.688,401.392,271.552,401.392,271.552z" />
+	</symbol>
+	<symbol id="like" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2368">
+		<path
+			d="M854.00064 412.66688h-275.99872v-35.99872c48-102.00064 35.99872-227.99872 0-288-12.00128-18.00192-35.99872-35.99872-54.00064-35.99872s-35.99872 6.00064-35.99872 54.00064c0 96-6.00064 137.99936-24.00256 179.99872-12.00128 29.99808-77.99808 96-156.00128 120.00256v480c12.00128 6.00064 35.99872 24.00256 54.00064 29.99808 18.00192 12.00128 48 18.00192 60.00128 18.00192h306.00192c77.99808 0 108.00128-29.99808 108.00128-66.00192 0-18.00192 0-29.99808-18.00192-35.99872V796.672c41.99936 0 83.99872-12.00128 83.99872-48 0-29.99808-12.00128-35.99872-18.00192-35.99872v-35.99872h6.00064c24.00256 0 60.00128-35.99872 60.00128-60.00128 0-18.00192-6.00064-35.99872-18.00192-41.99936-6.00064-6.00064-24.00256-6.00064-24.00256-6.00064v-35.99872s12.00128 0 24.00256-12.00128c18.00192-12.00128 18.00192-42.00448 18.00192-42.00448v-12.00128c0-29.99808-48-54.00064-96-54.00064zM67.99872 478.6688l35.99872 408.00256c6.00064 24.00256 24.00256 48 48 48h83.99872c6.00064 0 12.00128-6.00064 18.00192-12.00128s12.00128-6.00064 18.00192-12.00128V412.66688H128c-35.99872 0-60.00128 35.99872-60.00128 66.00192z"
+			p-id="2369"></path>
+	</symbol>
+	<symbol id="copy" t="1601480724259" class="icon" viewBox="0 0 1024 1024" version="1.1"
+		xmlns="http://www.w3.org/2000/svg" p-id="4644">
+		<path
+			d="M791.272727 93.090909H139.636364v837.818182a93.090909 93.090909 0 0 1-93.090909-93.090909V93.090909a93.090909 93.090909 0 0 1 93.090909-93.090909h558.545454a93.090909 93.090909 0 0 1 93.090909 93.090909zM232.727273 186.181818h744.727272v837.818182H232.727273V186.181818z"
+			p-id="4645"></path>
+	</symbol>
+	<svg id="comment" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2641">
+		<path
+			d="M512 67C266.24 67 67 241.33 67 456.37c0 122.9 65.23 232.32 166.87 303.69V957l195-118.3a508.35 508.35 0 0 0 83.17 7c245.77 0 445-174.32 445-389.37S757.77 67 512 67zM289.5 512a55.62 55.62 0 1 1 55.62-55.62A55.62 55.62 0 0 1 289.5 512z m222.5 0a55.62 55.62 0 1 1 55.62-55.62A55.62 55.62 0 0 1 512 512z m222.5 0a55.62 55.62 0 1 1 55.62-55.62A55.62 55.62 0 0 1 734.5 512z"
+			p-id="2642"></path>
+	</svg>
 </svg>

app/term/note.js

@@ -471,7 +471,7 @@ function note_json_html(in_json) {
 			"<div class='icon_expand' style='width: 0.8em;height: 0.8em;min-width: 0.8em;min-height: 0.8em;transition: transform 0.5s ease;'></div>";
 		//译文工具栏开始
 		output += "<div class='tran_text_tool_bar'>";
-		output += "<li class = 'tip_buttom' ";
+		output += "<div style='border-right: solid 1px;margin: 0.3em 0;'><li class = 'tip_buttom' ";
 		output +=
 			" onclick=\"note_edit_sentence('" +
 			in_json.book +
@@ -484,17 +484,38 @@ function note_json_html(in_json) {
 			"' ,'" +
 			iterator.channal +
 			"')\"";
-		output += ">" + gLocal.gui.edit + "</li>";
+		output +=
+			">" +
+			'<svg class="icon" ><use xlink="http://www.w3.org/1999/xlink" href="../studio/svg/icon.svg#ic_mode_edit"></use></svg>';
+		output += gLocal.gui.edit + "</li>";
 		output += "<li class = 'tip_buttom' ";
 		output += " onclick=\"history_show('" + iterator.id + "')\"";
-		output += ">" + gLocal.gui.timeline + "</li>";
-		output += "<li class = 'tip_buttom'>" + gLocal.gui.extension + "</li>";
-		output += "<li class = 'tip_buttom'>" + gLocal.gui.like + "</li>";
-		output += "<li class = 'tip_buttom'>" + gLocal.gui.comment + "</li>";
-		output += "<li class = 'tip_buttom'>" + gLocal.gui.copy + "</li>";
-		output += "<li class = 'tip_buttom'>" + gLocal.gui.digest + "</li>";
-		output += "<li class = 'tip_buttom'>" + gLocal.gui.share_to + "</li>";
-		output += "</div>";
+		output +=
+			">" +
+			'<svg class="icon" ><use xlink="http://www.w3.org/1999/xlink" href="../studio/svg/icon.svg#recent_scan"></use></svg>';
+		output += gLocal.gui.timeline + "</li>";
+		output +=
+			"<li class = 'tip_buttom'>" +
+			'<svg class="icon" ><use xlink="http://www.w3.org/1999/xlink" href="../studio/svg/icon.svg#copy"></use></svg>';
+		output += gLocal.gui.copy + "</li></div>";
+
+		output +=
+			"<div style='border-right: solid 1px;margin: 0.3em 0;'><li class = 'tip_buttom'>" +
+			'<svg class="icon" ><use xlink="http://www.w3.org/1999/xlink" href="../studio/svg/icon.svg#like"></use></svg>';
+		output += gLocal.gui.like + "</li>";
+		output +=
+			"<li class = 'tip_buttom'>" +
+			'<svg class="icon" ><use xlink="http://www.w3.org/1999/xlink" href="../studio/svg/icon.svg#comment"></use></svg>';
+		output += gLocal.gui.comment + "</li>";
+		output +=
+			"<li class = 'tip_buttom'>" +
+			'<svg class="icon" ><use xlink="http://www.w3.org/1999/xlink" href="../studio/svg/icon.svg#ic_shopping_cart"></use></svg>';
+		output += gLocal.gui.digest + "</li></div>";
+		output +=
+			"<div style='margin: 0.3em 0;'><li class = 'tip_buttom'>" +
+			'<svg class="icon" ><use xlink="http://www.w3.org/1999/xlink" href="../studio/svg/icon.svg#share_to"></use></svg>';
+		output += gLocal.gui.share_to + "</li>";
+		output += "</div></div>";
 		//译文工具栏结束
 		output += "</div>";
 		//译文工具按钮结束
@@ -789,10 +810,17 @@ function edit_in_studio(book, para, begin, end) {
 
 function tool_bar_show(element) {
 	if ($(element).find(".tran_text_tool_bar").css("display") == "none") {
-		$(element).find(".tran_text_tool_bar").show();
+		$(element).find(".tran_text_tool_bar").css("display", "flex");
 		$(element).find(".icon_expand").css("transform", "rotate(-180deg)");
 		$(element).css("background-color", "var(--btn-bg-color)");
 		$(element).css("visibility", "visible");
+		$(document).one("click", function () {
+			$(element).find(".tran_text_tool_bar").hide();
+			$(element).css("background-color", "var(--nocolor)");
+			$(element).find(".icon_expand").css("transform", "unset");
+			$(element).css("visibility", "");
+		});
+		event.stopPropagation();
 	} else {
 		$(element).find(".tran_text_tool_bar").hide();
 		$(element).css("background-color", "var(--nocolor)");

app/term/term.css

@@ -186,13 +186,13 @@ note > .tran > .text {
 	min-height: 0.8em;
 }
 note > .tran .tran_text_tool_bar {
-	padding: 0;
+	padding: 0 0.1em;
 	position: absolute;
 	display: none;
 	color: var(--border-line-color);
 	z-index: 40;
 	width: auto;
-	left: -5em;
+	left: -2em;
 	font-size: 14px;
 	height: auto;
 	line-height: 28px;
@@ -206,9 +206,9 @@ note > .tran:lang(my) .tran_text_tool_bar {
 note > .tran .tran_text_tool_bar::after {
 	content: " ";
 	position: absolute;
-	right: 0;
+	left: 1.4em;
 	bottom: 100%;
-	margin-right: 1.05em;
+
 	border-width: 5px;
 	border-style: solid;
 	border-color: transparent transparent var(--box-bg-color1) transparent;
@@ -219,9 +219,14 @@ note > .tran .tran_text_tool_bar::after {
 }
 .tran_text_tool_bar li {
 	list-style: none;
+	display: flex;
+}
+.tran_text_tool_bar .icon {
+	margin: auto 0.4em auto 0;
 }
 .tip_buttom {
-	padding: 0 8px;
+	padding: 0 0.2em;
+	margin: 0 0.2em;
 	cursor: pointer;
 	background-color: inherit;
 	border-radius: 5px;