Make use of new icons from figma (#9447)

Updates the icon set from figma and uses some of them in particular places (the zoom controls are just replaced).

![image](https://github.com/enso-org/enso/assets/3919101/ba8f0f81-d7fd-4b36-990a-fa0b9a1f75e7)

On this screen minus button is hovered:

![image](https://github.com/enso-org/enso/assets/3919101/0681ee62-9575-476c-8961-c0822b08486e)
This commit is contained in:
Adam Obuchowicz 2024-03-15 16:18:23 +01:00 committed by GitHub
parent aecabfe0de
commit bd92567a93
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 37 additions and 44 deletions

View File

@ -1,4 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg"> <svg xmlns="http://www.w3.org/2000/svg">
<symbol id="3_dot_menu" viewBox="0 0 16 16" width="16" height="16" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.66667 2.66668C6.66667 1.9303 7.26362 1.33334 8 1.33334C8.73638 1.33334 9.33333 1.9303 9.33333 2.66668C9.33333 3.40306 8.73638 4.00001 8 4.00001C7.26362 4.00001 6.66667 3.40306 6.66667 2.66668ZM6.66667 8.00001C6.66667 7.26363 7.26362 6.66668 8 6.66668C8.73638 6.66668 9.33333 7.26363 9.33333 8.00001C9.33333 8.73639 8.73638 9.33334 8 9.33334C7.26362 9.33334 6.66667 8.73639 6.66667 8.00001ZM6.66667 13.3333C6.66667 12.597 7.26362 12 8 12C8.73638 12 9.33333 12.597 9.33333 13.3333C9.33333 14.0697 8.73638 14.6667 8 14.6667C7.26362 14.6667 6.66667 14.0697 6.66667 13.3333Z" fill="currentColor"></path>
</symbol>
<symbol id="accessed_by_projects" viewBox="0 0 16 16" width="16" height="16" fill="none"> <symbol id="accessed_by_projects" viewBox="0 0 16 16" width="16" height="16" fill="none">
<g opacity="0.5"> <g opacity="0.5">
<rect x="4" y="4" width="3" height="3" fill="currentColor"></rect> <rect x="4" y="4" width="3" height="3" fill="currentColor"></rect>
@ -100,7 +104,7 @@
</symbol> </symbol>
<symbol id="chat_gpt2" viewBox="0 0 16 16" width="16" height="16" fill="none"> <symbol id="chat_gpt2" viewBox="0 0 16 16" width="16" height="16" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M3.00003 4.05307C2.59183 4.2034 2.2192 4.44155 1.90964 4.75306C1.47678 5.18866 1.18815 5.7467 1.08279 6.35169C0.97742 6.95668 1.06041 7.57944 1.32052 8.13573C1.58063 8.69201 2.00532 9.15499 2.53715 9.46204L2.53597 9.46409L5.43115 11.1356L7.00005 10.2298L3.10322 7.97999C3.06553 7.95823 3.0376 7.92605 3.02097 7.88919C3.00757 7.86234 3.00003 7.83204 3.00003 7.79999V4.05307ZM8.00005 9.65247L9.43115 8.82623V7.17377L8.00003 6.34751L6.56896 7.17374V8.82623L8.00005 9.65247ZM9.43115 9.98093L5.53435 12.2307C5.49666 12.2525 5.45483 12.2606 5.41459 12.2566C5.38463 12.2548 5.35462 12.2461 5.32686 12.2301L2.08192 10.3567C2.00801 10.7853 2.02793 11.2271 2.14294 11.651C2.30375 12.2437 2.6427 12.7726 3.11396 13.1664C3.58521 13.5601 4.16603 13.7996 4.77784 13.8525C5.38966 13.9054 6.00296 13.7691 6.53478 13.462L6.53597 13.4641L9.43115 11.7926V9.98093ZM10.4312 12.2507L10.4312 7.75112L12.0001 8.65693L12.0001 12L11.9977 12C11.9977 12.6141 11.8091 13.2134 11.4574 13.7168C11.1057 14.2202 10.6078 14.6034 10.0312 14.8147C9.45461 15.0259 8.82702 15.055 8.23335 14.8979C7.80878 14.7856 7.41621 14.582 7.08191 14.3036L10.3269 12.4301C10.3546 12.4141 10.3771 12.3924 10.3936 12.3674C10.4172 12.3345 10.4312 12.2943 10.4312 12.2507ZM13.0001 11.9469C13.4083 11.7966 13.7809 11.5584 14.0905 11.2469C14.5233 10.8113 14.812 10.2533 14.9173 9.64828C15.0227 9.04329 14.9397 8.42054 14.6796 7.86425C14.4195 7.30796 13.9948 6.84498 13.463 6.53793L13.4641 6.53588L10.569 4.86434L9.00003 5.77016L12.8969 8.02C12.9346 8.04176 12.9625 8.07394 12.9791 8.1108C12.9925 8.13765 13.0001 8.16794 13.0001 8.2L13.0001 11.9469ZM10.4658 3.76922L6.56896 6.01904V4.20742L9.46415 2.53588L9.46533 2.53793C9.99715 2.23088 10.6105 2.09458 11.2223 2.14746C11.8341 2.20034 12.4149 2.43984 12.8862 2.83359C13.3574 3.22733 13.6964 3.75631 13.8572 4.34898C13.9722 4.77284 13.9921 5.21463 13.9182 5.64332L10.6733 3.76985C10.6455 3.75383 10.6155 3.74521 10.5855 3.74339C10.5453 3.73936 10.5035 3.74746 10.4658 3.76922ZM8.91817 1.6964C8.58388 1.41804 8.19131 1.21439 7.76674 1.10206C7.17306 0.944993 6.54548 0.974047 5.96885 1.18529C5.39223 1.39654 4.89441 1.77979 4.5427 2.2832C4.191 2.78661 4.00239 3.38589 4.00239 3.99999H4.00003V7.34306L5.56896 8.24888V3.74923C5.56896 3.7057 5.58286 3.66543 5.60647 3.6326C5.62302 3.60756 5.64549 3.58588 5.67325 3.56985L8.91817 1.6964Z" fill="currentColor"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.00003 4.05307C2.59183 4.2034 2.2192 4.44155 1.90964 4.75306C1.47678 5.18866 1.18815 5.7467 1.08279 6.35169C0.97742 6.95668 1.06041 7.57944 1.32052 8.13573C1.58063 8.69201 2.00532 9.15499 2.53715 9.46204L2.53597 9.46409L5.43115 11.1356L7.00005 10.2298L3.10322 7.97999C3.06553 7.95823 3.0376 7.92605 3.02097 7.88919C3.00757 7.86233 3.00003 7.83204 3.00003 7.79999V4.05307ZM8.00005 9.65247L9.43115 8.82623V7.17377L8.00003 6.34751L6.56896 7.17374V8.82623L8.00005 9.65247ZM9.43115 9.98093L5.53435 12.2307C5.49666 12.2525 5.45483 12.2606 5.41459 12.2566C5.38463 12.2548 5.35462 12.2461 5.32686 12.2301L2.08192 10.3566C2.00801 10.7853 2.02793 11.2271 2.14294 11.651C2.30375 12.2437 2.6427 12.7726 3.11396 13.1664C3.58521 13.5601 4.16603 13.7996 4.77784 13.8525C5.38966 13.9054 6.00296 13.7691 6.53478 13.462L6.53597 13.4641L9.43115 11.7926V9.98093ZM10.4312 12.2507L10.4312 7.75112L12.0001 8.65693L12.0001 12L11.9977 12C11.9977 12.6141 11.8091 13.2134 11.4574 13.7168C11.1057 14.2202 10.6078 14.6034 10.0312 14.8147C9.45461 15.0259 8.82702 15.055 8.23335 14.8979C7.80878 14.7856 7.41621 14.5819 7.08191 14.3036L10.3269 12.4301C10.3546 12.4141 10.3771 12.3924 10.3936 12.3674C10.4172 12.3345 10.4312 12.2943 10.4312 12.2507ZM13.0001 11.9469C13.4083 11.7966 13.7809 11.5584 14.0905 11.2469C14.5233 10.8113 14.812 10.2533 14.9173 9.64828C15.0227 9.04329 14.9397 8.42053 14.6796 7.86424C14.4195 7.30796 13.9948 6.84498 13.463 6.53793L13.4641 6.53588L10.569 4.86434L9.00003 5.77016L12.8969 8.01999C12.9346 8.04176 12.9625 8.07394 12.9791 8.1108C12.9925 8.13765 13.0001 8.16794 13.0001 8.2L13.0001 11.9469ZM10.4658 3.76922L6.56896 6.01904V4.20742L9.46415 2.53588L9.46533 2.53793C9.99715 2.23088 10.6105 2.09458 11.2223 2.14746C11.8341 2.20033 12.4149 2.43984 12.8862 2.83359C13.3574 3.22733 13.6964 3.75631 13.8572 4.34898C13.9722 4.77283 13.9921 5.21463 13.9182 5.64332L10.6733 3.76985C10.6455 3.75382 10.6155 3.74521 10.5855 3.74339C10.5453 3.73936 10.5035 3.74746 10.4658 3.76922ZM8.91817 1.6964C8.58388 1.41804 8.19131 1.21439 7.76674 1.10206C7.17306 0.944992 6.54548 0.974046 5.96885 1.18529C5.39223 1.39654 4.89441 1.77979 4.5427 2.2832C4.191 2.7866 4.00239 3.38589 4.00239 3.99998H4.00003V7.34306L5.56896 8.24888V3.74923C5.56896 3.7057 5.58286 3.66543 5.60647 3.6326C5.62302 3.60756 5.64549 3.58588 5.67325 3.56985L8.91817 1.6964Z" fill="currentColor"></path>
</symbol> </symbol>
<symbol id="chat_gpt_mod" viewBox="0 0 16 16" width="16" height="16" fill="none"> <symbol id="chat_gpt_mod" viewBox="0 0 16 16" width="16" height="16" fill="none">
@ -108,7 +112,11 @@
</symbol> </symbol>
<symbol id="chat_gpt_mod2" viewBox="0 0 16 16" width="16" height="16" fill="none"> <symbol id="chat_gpt_mod2" viewBox="0 0 16 16" width="16" height="16" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M3.00003 4.05307C2.59183 4.2034 2.2192 4.44155 1.90964 4.75306C1.47678 5.18866 1.18815 5.7467 1.08279 6.35169C0.97742 6.95668 1.06041 7.57944 1.32052 8.13573C1.58063 8.69201 2.00532 9.15499 2.53715 9.46204L2.53597 9.46409L5.0068 10.8906L7.00005 9.73982L3.10322 7.48999C3.04828 7.45827 3.01408 7.40441 3.00539 7.34619C3.00188 7.33136 3.00003 7.31589 3.00003 7.29999V4.05307ZM8.00005 9.16247L9.0068 8.58123V7.41877L8.00003 6.83751L6.99331 7.41875V8.58123L8.00005 9.16247ZM9.0068 9.73593L5.11 11.9857C5.05505 12.0175 4.99131 12.0202 4.93655 11.9986C4.92195 11.9942 4.90762 11.9881 4.89385 11.9801L2.08192 10.3567C2.00801 10.7853 2.02793 11.2271 2.14294 11.651C2.30375 12.2437 2.6427 12.7726 3.11396 13.1664C3.58521 13.5601 4.16603 13.7996 4.77784 13.8525C5.38966 13.9054 6.00296 13.7691 6.53478 13.462L6.53597 13.4641L9.0068 12.0376V9.73593ZM10.0068 12.4957L10.0068 7.99612L12.0001 9.14693L12.0001 12L11.9977 12C11.9977 12.6141 11.8091 13.2134 11.4574 13.7168C11.1057 14.2202 10.6078 14.6034 10.0312 14.8147C9.45461 15.0259 8.82702 15.055 8.23335 14.8979C7.80878 14.7856 7.41621 14.582 7.08191 14.3036L9.89385 12.6801C9.90762 12.6722 9.92009 12.6628 9.93118 12.6524C9.97726 12.6157 10.0068 12.5592 10.0068 12.4957ZM13.0001 11.9469C13.4083 11.7966 13.7809 11.5584 14.0905 11.2469C14.5233 10.8113 14.812 10.2533 14.9173 9.64828C15.0227 9.04329 14.9397 8.42054 14.6796 7.86425C14.4195 7.30796 13.9948 6.84498 13.463 6.53793L13.4641 6.53588L10.9933 5.10934L9.00003 6.26017L12.8969 8.51C12.9518 8.54172 12.986 8.59557 12.9947 8.6538C12.9982 8.66863 13.0001 8.6841 13.0001 8.7L13.0001 11.9469ZM10.8901 4.01422L6.99331 6.26404V3.96242L9.46415 2.53588L9.46533 2.53793C9.99715 2.23088 10.6105 2.09458 11.2223 2.14746C11.8341 2.20034 12.4149 2.43984 12.8862 2.83359C13.3574 3.22733 13.6964 3.75631 13.8572 4.34898C13.9722 4.77284 13.9921 5.21463 13.9182 5.64332L11.1063 4.01985C11.0925 4.0119 11.0782 4.00578 11.0636 4.0014C11.0088 3.97981 10.9451 3.9825 10.8901 4.01422ZM8.91817 1.6964C8.58388 1.41804 8.19131 1.21439 7.76674 1.10206C7.17306 0.944993 6.54548 0.974047 5.96885 1.18529C5.39223 1.39654 4.89441 1.77979 4.5427 2.2832C4.191 2.78661 4.00239 3.38589 4.00239 3.99999H4.00003V6.85306L5.99331 8.00388L5.99331 3.50423C5.99331 3.44078 6.02285 3.38424 6.06893 3.3476C6.08002 3.33715 6.09249 3.32781 6.10626 3.31985L8.91817 1.6964Z" fill="currentColor"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.00003 4.05307C2.59183 4.2034 2.2192 4.44155 1.90964 4.75306C1.47678 5.18866 1.18815 5.7467 1.08279 6.35169C0.97742 6.95668 1.06041 7.57944 1.32052 8.13573C1.58063 8.69201 2.00532 9.15499 2.53715 9.46204L2.53597 9.46409L5.0068 10.8906L7.00005 9.73982L3.10322 7.48999C3.04828 7.45827 3.01408 7.40441 3.00539 7.34619C3.00188 7.33136 3.00003 7.31589 3.00003 7.29999V4.05307ZM8.00005 9.16247L9.0068 8.58123V7.41877L8.00003 6.83751L6.99331 7.41874V8.58123L8.00005 9.16247ZM9.0068 9.73593L5.11 11.9857C5.05505 12.0175 4.99131 12.0202 4.93655 11.9986C4.92195 11.9942 4.90762 11.9881 4.89385 11.9801L2.08192 10.3566C2.00801 10.7853 2.02793 11.2271 2.14294 11.651C2.30375 12.2437 2.6427 12.7726 3.11396 13.1664C3.58521 13.5601 4.16603 13.7996 4.77784 13.8525C5.38966 13.9054 6.00296 13.7691 6.53478 13.462L6.53597 13.4641L9.0068 12.0376V9.73593ZM10.0068 12.4957L10.0068 7.99612L12.0001 9.14693L12.0001 12L11.9977 12C11.9977 12.6141 11.8091 13.2134 11.4574 13.7168C11.1057 14.2202 10.6078 14.6034 10.0312 14.8147C9.45461 15.0259 8.82702 15.055 8.23335 14.8979C7.80878 14.7856 7.41621 14.5819 7.08191 14.3036L9.89385 12.6801C9.90762 12.6722 9.92009 12.6628 9.93118 12.6524C9.97726 12.6157 10.0068 12.5592 10.0068 12.4957ZM13.0001 11.9469C13.4083 11.7966 13.7809 11.5584 14.0905 11.2469C14.5233 10.8113 14.812 10.2533 14.9173 9.64828C15.0227 9.04329 14.9397 8.42053 14.6796 7.86424C14.4195 7.30796 13.9948 6.84498 13.463 6.53793L13.4641 6.53588L10.9933 5.10934L9.00003 6.26016L12.8969 8.51C12.9518 8.54172 12.986 8.59557 12.9947 8.6538C12.9982 8.66863 13.0001 8.6841 13.0001 8.7L13.0001 11.9469ZM10.8901 4.01422L6.99331 6.26404V3.96241L9.46415 2.53588L9.46533 2.53793C9.99715 2.23088 10.6105 2.09458 11.2223 2.14746C11.8341 2.20033 12.4149 2.43984 12.8862 2.83359C13.3574 3.22733 13.6964 3.75631 13.8572 4.34898C13.9722 4.77283 13.9921 5.21463 13.9182 5.64332L11.1063 4.01985C11.0925 4.0119 11.0782 4.00577 11.0636 4.0014C11.0088 3.97981 10.9451 3.9825 10.8901 4.01422ZM8.91817 1.6964C8.58388 1.41804 8.19131 1.21439 7.76674 1.10206C7.17306 0.944992 6.54548 0.974046 5.96885 1.18529C5.39223 1.39654 4.89441 1.77979 4.5427 2.2832C4.191 2.7866 4.00239 3.38589 4.00239 3.99998H4.00003V6.85306L5.99331 8.00388L5.99331 3.50423C5.99331 3.44078 6.02285 3.38424 6.06893 3.3476C6.08002 3.33715 6.09249 3.3278 6.10626 3.31985L8.91817 1.6964Z" fill="currentColor"></path>
</symbol>
<symbol id="close" viewBox="0 0 16 16" width="16" height="16" fill="none">
<path d="M10 6L6 10M10 10L6 6M14 8C14 11.3137 11.3137 14 8 14C4.68629 14 2 11.3137 2 8C2 4.68629 4.68629 2 8 2C11.3137 2 14 4.68629 14 8Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</symbol> </symbol>
<symbol id="cloud" viewBox="0 0 16 16" width="16" height="16" fill="none"> <symbol id="cloud" viewBox="0 0 16 16" width="16" height="16" fill="none">
@ -239,14 +247,14 @@
</symbol> </symbol>
<symbol id="edit" viewBox="0 0 16 16" width="16" height="16" fill="none"> <symbol id="edit" viewBox="0 0 16 16" width="16" height="16" fill="none">
<rect x="8.78447" y="1.98548" width="5" height="10" transform="rotate(45 8.78447 1.98548)" fill="currentColor"></rect> <rect x="8.78447" y="1.98549" width="5" height="10" transform="rotate(45 8.78447 1.98549)" fill="currentColor"></rect>
<path d="M10.1987.57127C10.9797-.20978 12.2461-.20978 13.0271.57127L13.7342 1.27838C14.5153 2.05943 14.5153 3.32576 13.7342 4.10681L13.0271 4.81391 9.49158 1.27838 10.1987.57127ZM1.71341 9.05655 5.24894 12.5921 1.71341 12.5921 1.71341 9.05655Z" fill="currentColor"></path> <path d="M10.1987.57127C10.9797-.20978 12.2461-.20978 13.0271.57127L13.7342 1.27838C14.5153 2.05943 14.5153 3.32576 13.7342 4.10681L13.0271 4.81391 9.49158 1.27838 10.1987.57127ZM1.71341 9.05655 5.24894 12.5921 1.71341 12.5921 1.71341 9.05655Z" fill="currentColor"></path>
<rect y="14" width="16" height="2" fill="currentColor"></rect> <rect y="14" width="16" height="2" fill="currentColor"></rect>
</symbol> </symbol>
<symbol id="enso_logo" viewBox="0 0 16 16" width="16" height="16" fill="none"> <symbol id="enso_logo" viewBox="0 0 16 16" width="16" height="16" fill="none">
<circle cx="8" cy="8" r="7" stroke="currentColor" stroke-width="2"></circle> <circle cx="8" cy="8" r="7" stroke="currentColor" stroke-width="2"></circle>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.62 10.8111C11.9646 10.4101 12.1729 9.88852 12.1729 9.31827C12.1729 8.05262 11.1469 7.0266 9.88126 7.0266C9.09092 7.0266 8.39402 7.42669 7.98205 8.03539C7.39795 8.82865 6.4575 9.34335 5.39683 9.34335C4.67401 9.34335 4.00701 9.10431 3.47058 8.70097L3.47073 8.70195C3.5818 9.41859 3.86132 10.0986 4.28634 10.6862C4.71136 11.2738 5.26973 11.7522 5.91559 12.0819C6.56144 12.4117 7.27634 12.5836 8.00152 12.5833C8.72671 12.5831 9.44149 12.4108 10.0871 12.0806C10.6855 11.7745 11.2086 11.3409 11.62 10.8111Z" fill="currentColor"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.62 10.8111C11.9646 10.4101 12.1729 9.88851 12.1729 9.31827C12.1729 8.05261 11.1469 7.0266 9.88126 7.0266C9.09092 7.0266 8.39402 7.42669 7.98205 8.03538C7.39795 8.82864 6.4575 9.34334 5.39683 9.34334C4.67401 9.34334 4.00701 9.10431 3.47058 8.70097L3.47073 8.70195C3.5818 9.41858 3.86132 10.0986 4.28634 10.6862C4.71136 11.2738 5.26973 11.7521 5.91559 12.0819C6.56144 12.4117 7.27634 12.5836 8.00152 12.5833C8.72671 12.5831 9.44149 12.4108 10.0871 12.0806C10.6855 11.7745 11.2086 11.3409 11.62 10.8111Z" fill="currentColor"></path>
</symbol> </symbol>
<symbol id="enter_node" viewBox="0 0 16 16" width="16" height="16" fill="none"> <symbol id="enter_node" viewBox="0 0 16 16" width="16" height="16" fill="none">
@ -435,7 +443,7 @@
<symbol id="join2-1" viewBox="0 0 16 16" width="16" height="16" fill="none"> <symbol id="join2-1" viewBox="0 0 16 16" width="16" height="16" fill="none">
<circle opacity="0.52" cx="5.5" cy="8" r="5.5" fill="currentColor"></circle> <circle opacity="0.52" cx="5.5" cy="8" r="5.5" fill="currentColor"></circle>
<circle opacity="0.52" cx="10.5" cy="8" r="5.5" fill="currentColor"></circle> <circle opacity="0.52" cx="10.5" cy="8" r="5.5" fill="currentColor"></circle>
<path opacity="0.15" fill-rule="evenodd" clip-rule="evenodd" d="M8 12.9003C9.78084 11.9899 11 10.1373 11 8.00001C11 5.86266 9.78084 4.01007 8 3.09972C6.21916 4.01007 5 5.86266 5 8.00001C5 10.1373 6.21916 11.9899 8 12.9003Z" fill="currentColor"></path> <path opacity="0.15" fill-rule="evenodd" clip-rule="evenodd" d="M8 12.9003C9.78084 11.9899 11 10.1373 11 8C11 5.86266 9.78084 4.01006 8 3.09971C6.21916 4.01006 5 5.86266 5 8C5 10.1373 6.21916 11.9899 8 12.9003Z" fill="currentColor"></path>
<circle opacity="0.87" cx="5.5" cy="8" r="5" stroke="currentColor"></circle> <circle opacity="0.87" cx="5.5" cy="8" r="5" stroke="currentColor"></circle>
<circle opacity="0.87" cx="10.5" cy="8" r="5" stroke="currentColor"></circle> <circle opacity="0.87" cx="10.5" cy="8" r="5" stroke="currentColor"></circle>
</symbol> </symbol>
@ -579,6 +587,10 @@
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6H3V8C3 10.419 4.71776 12.4367 7 12.9V15H5.5C5.22386 15 5 15.2239 5 15.5C5 15.7761 5.22386 16 5.5 16H7H9H10.5C10.7761 16 11 15.7761 11 15.5C11 15.2239 10.7761 15 10.5 15H9V12.9C11.2822 12.4367 13 10.419 13 8V6H12V8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8V6Z" fill="currentColor"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M4 6H3V8C3 10.419 4.71776 12.4367 7 12.9V15H5.5C5.22386 15 5 15.2239 5 15.5C5 15.7761 5.22386 16 5.5 16H7H9H10.5C10.7761 16 11 15.7761 11 15.5C11 15.2239 10.7761 15 10.5 15H9V12.9C11.2822 12.4367 13 10.419 13 8V6H12V8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8V6Z" fill="currentColor"></path>
</symbol> </symbol>
<symbol id="minus" viewBox="0 0 16 16" width="16" height="16" fill="none">
<rect y="7" width="16" height="2" fill="currentColor"></rect>
</symbol>
<symbol id="no_auto_replay" viewBox="0 0 16 16" width="16" height="16" fill="none"> <symbol id="no_auto_replay" viewBox="0 0 16 16" width="16" height="16" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.9946 4L5.99463 0V3.00002C2.68878 3.00924 0.0117188 5.69199 0.0117188 9C0.0117188 9.85105 0.188908 10.6607 0.508408 11.3941L2.25769 10.3842C2.0986 9.95285 2.01172 9.48657 2.01172 9C2.01172 6.79656 3.79335 5.00924 5.99463 5.00004V8L12.9946 4ZM11.6263 7.28463L13.3624 6.28229L15.0022 5.33554L16.0022 7.06759L13.9646 8.24403C13.9957 8.49164 14.0117 8.74395 14.0117 9C14.0117 12.3137 11.3254 15 8.01172 15H6.01172C5.05341 15 4.14757 14.7753 3.34401 14.3758L1 15.7291L0 13.9971L1.60404 13.071L3.40299 12.0323L11.6263 7.28463ZM5.74242 12.9911L11.9937 9.38188C11.8015 11.4119 10.0921 13 8.01172 13H6.01172C5.92122 13 5.83142 12.997 5.74242 12.9911Z" fill="currentColor"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.9946 4L5.99463 0V3.00002C2.68878 3.00924 0.0117188 5.69199 0.0117188 9C0.0117188 9.85105 0.188908 10.6607 0.508408 11.3941L2.25769 10.3842C2.0986 9.95285 2.01172 9.48657 2.01172 9C2.01172 6.79656 3.79335 5.00924 5.99463 5.00004V8L12.9946 4ZM11.6263 7.28463L13.3624 6.28229L15.0022 5.33554L16.0022 7.06759L13.9646 8.24403C13.9957 8.49164 14.0117 8.74395 14.0117 9C14.0117 12.3137 11.3254 15 8.01172 15H6.01172C5.05341 15 4.14757 14.7753 3.34401 14.3758L1 15.7291L0 13.9971L1.60404 13.071L3.40299 12.0323L11.6263 7.28463ZM5.74242 12.9911L11.9937 9.38188C11.8015 11.4119 10.0921 13 8.01172 13H6.01172C5.92122 13 5.83142 12.997 5.74242 12.9911Z" fill="currentColor"></path>
</symbol> </symbol>
@ -587,6 +599,10 @@
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.12014 11.776L12.7387 5.06807C12.7404 5.06838 12.742 5.06869 12.7437 5.06901L16.0072 3.18391L16.0071 5.49044L14.8281 6.17119C15.5521 6.89508 16 7.89524 16 9C16 11.2091 14.2091 13 12 13H4.00001H3.50001V12.9691C3.3834 12.9545 3.26834 12.9349 3.15507 12.9106L0.00884178 14.7271L-0.00158691 12.4312L1.12464 11.7807C1.12314 11.7791 1.12164 11.7776 1.12014 11.776ZM11.5851 4.00268L0.29852 10.519C0.106112 10.0506 1.0687e-05 9.53771 1.0687e-05 9C1.0687e-05 7.51015 0.814526 6.21055 2.02254 5.52219C2.26309 2.9849 4.39975 1 7.00001 1C9.05137 1 10.8142 2.23534 11.5851 4.00268Z" fill="currentColor"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M1.12014 11.776L12.7387 5.06807C12.7404 5.06838 12.742 5.06869 12.7437 5.06901L16.0072 3.18391L16.0071 5.49044L14.8281 6.17119C15.5521 6.89508 16 7.89524 16 9C16 11.2091 14.2091 13 12 13H4.00001H3.50001V12.9691C3.3834 12.9545 3.26834 12.9349 3.15507 12.9106L0.00884178 14.7271L-0.00158691 12.4312L1.12464 11.7807C1.12314 11.7791 1.12164 11.7776 1.12014 11.776ZM11.5851 4.00268L0.29852 10.519C0.106112 10.0506 1.0687e-05 9.53771 1.0687e-05 9C1.0687e-05 7.51015 0.814526 6.21055 2.02254 5.52219C2.26309 2.9849 4.39975 1 7.00001 1C9.05137 1 10.8142 2.23534 11.5851 4.00268Z" fill="currentColor"></path>
</symbol> </symbol>
<symbol id="not_exclamation" viewBox="0 0 16 16" width="16" height="16" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.00159 1H8.00159C7.44931 1 7.00159 1.44772 7.00159 2V5.6499L10.0016 3.91785V2C10.0016 1.44772 9.55388 1 9.00159 1ZM7.00159 7.38683V7.38129L10.0016 5.64924V5.6539L16.0087 2.18391L16.0087 4.49044L10.0016 7.95867V10C10.0016 10.5523 9.55388 11 9.00159 11H8.00159C7.44931 11 7.00159 10.5523 7.00159 10V9.69072L0.0104287 13.7271L0 11.4312L7.00159 7.38683ZM9.00159 12H8.00159C7.44931 12 7.00159 12.4477 7.00159 13V14C7.00159 14.5523 7.44931 15 8.00159 15H9.00159C9.55388 15 10.0016 14.5523 10.0016 14V13C10.0016 12.4477 9.55388 12 9.00159 12Z" fill="currentColor"></path>
</symbol>
<symbol id="open" viewBox="0 0 16 16" width="16" height="16" fill="none"> <symbol id="open" viewBox="0 0 16 16" width="16" height="16" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10 0V2H12.5858L8.00197 6.58385C7.61144 6.97437 7.61144 7.60754 8.00197 7.99806C8.39249 8.38859 9.02566 8.38859 9.41618 7.99806L14 3.41425V6H16L16 2L16 0H14H10ZM7 0V2H3C2.44772 2 2 2.44772 2 3V13C2 13.5523 2.44772 14 3 14H13C13.5523 14 14 13.5523 14 13V9H16L16 13C16 14.6569 14.6569 16 13 16H3C1.34315 16 0 14.6569 0 13V3C0 1.34315 1.34315 0 3 0H7Z" fill="currentColor"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M10 0V2H12.5858L8.00197 6.58385C7.61144 6.97437 7.61144 7.60754 8.00197 7.99806C8.39249 8.38859 9.02566 8.38859 9.41618 7.99806L14 3.41425V6H16L16 2L16 0H14H10ZM7 0V2H3C2.44772 2 2 2.44772 2 3V13C2 13.5523 2.44772 14 3 14H13C13.5523 14 14 13.5523 14 13V9H16L16 13C16 14.6569 14.6569 16 13 16H3C1.34315 16 0 14.6569 0 13V3C0 1.34315 1.34315 0 3 0H7Z" fill="currentColor"></path>
</symbol> </symbol>
@ -611,6 +627,10 @@
<path fill-rule="evenodd" clip-rule="evenodd" d="M3.55544 14.6518C4.87103 15.5308 6.41775 16 8 16C10.2091 16 12 14.2091 12 12C12 10.8954 12.8954 10 14 10C15.1046 10 16 9.10457 16 8C16 6.41775 15.5308 4.87104 14.6518 3.55544C13.7727 2.23985 12.5233 1.21447 11.0615 0.608968C9.59966 0.00346649 7.99113 -0.15496 6.43928 0.153721C4.88743 0.462403 3.46197 1.22433 2.34315 2.34315C1.22433 3.46197 0.462403 4.88743 0.153721 6.43928C-0.15496 7.99113 0.00346613 9.59966 0.608967 11.0615C1.21447 12.5233 2.23985 13.7727 3.55544 14.6518ZM8.66067 2.63291C8.39677 3.27084 8.69998 4.00191 9.33791 4.26581C9.97583 4.5297 10.7069 4.22649 10.9708 3.58857C11.2347 2.95064 10.9315 2.21957 10.2936 1.95567C9.65563 1.69178 8.92456 1.99499 8.66067 2.63291ZM5.86806 4.72422C5.32056 5.14474 4.53583 5.04179 4.11531 4.49428C3.6948 3.94678 3.79775 3.16205 4.34525 2.74153C4.89276 2.32102 5.67749 2.42397 6.098 2.97147C6.51851 3.51898 6.41557 4.30371 5.86806 4.72422ZM3.45464 9.36138C4.13905 9.27096 4.62057 8.64284 4.53015 7.95843C4.43972 7.27402 3.8116 6.7925 3.12719 6.88292C2.44278 6.97334 1.96126 7.60147 2.05168 8.28588C2.1421 8.97028 2.77023 9.45181 3.45464 9.36138ZM7.99999 14C9.10456 14 9.99999 13.1046 9.99999 12C9.99999 10.8954 9.10456 10 7.99999 10C6.89542 10 5.99999 10.8954 5.99999 12C5.99999 13.1046 6.89542 14 7.99999 14ZM11.4698 7.04157C11.3794 6.35716 11.8609 5.72903 12.5453 5.63861C13.2297 5.54819 13.8579 6.02971 13.9483 6.71412C14.0387 7.39853 13.5572 8.02665 12.8728 8.11707C12.1884 8.2075 11.5603 7.72598 11.4698 7.04157Z" fill="currentColor"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.55544 14.6518C4.87103 15.5308 6.41775 16 8 16C10.2091 16 12 14.2091 12 12C12 10.8954 12.8954 10 14 10C15.1046 10 16 9.10457 16 8C16 6.41775 15.5308 4.87104 14.6518 3.55544C13.7727 2.23985 12.5233 1.21447 11.0615 0.608968C9.59966 0.00346649 7.99113 -0.15496 6.43928 0.153721C4.88743 0.462403 3.46197 1.22433 2.34315 2.34315C1.22433 3.46197 0.462403 4.88743 0.153721 6.43928C-0.15496 7.99113 0.00346613 9.59966 0.608967 11.0615C1.21447 12.5233 2.23985 13.7727 3.55544 14.6518ZM8.66067 2.63291C8.39677 3.27084 8.69998 4.00191 9.33791 4.26581C9.97583 4.5297 10.7069 4.22649 10.9708 3.58857C11.2347 2.95064 10.9315 2.21957 10.2936 1.95567C9.65563 1.69178 8.92456 1.99499 8.66067 2.63291ZM5.86806 4.72422C5.32056 5.14474 4.53583 5.04179 4.11531 4.49428C3.6948 3.94678 3.79775 3.16205 4.34525 2.74153C4.89276 2.32102 5.67749 2.42397 6.098 2.97147C6.51851 3.51898 6.41557 4.30371 5.86806 4.72422ZM3.45464 9.36138C4.13905 9.27096 4.62057 8.64284 4.53015 7.95843C4.43972 7.27402 3.8116 6.7925 3.12719 6.88292C2.44278 6.97334 1.96126 7.60147 2.05168 8.28588C2.1421 8.97028 2.77023 9.45181 3.45464 9.36138ZM7.99999 14C9.10456 14 9.99999 13.1046 9.99999 12C9.99999 10.8954 9.10456 10 7.99999 10C6.89542 10 5.99999 10.8954 5.99999 12C5.99999 13.1046 6.89542 14 7.99999 14ZM11.4698 7.04157C11.3794 6.35716 11.8609 5.72903 12.5453 5.63861C13.2297 5.54819 13.8579 6.02971 13.9483 6.71412C14.0387 7.39853 13.5572 8.02665 12.8728 8.11707C12.1884 8.2075 11.5603 7.72598 11.4698 7.04157Z" fill="currentColor"></path>
</symbol> </symbol>
<symbol id="panic" viewBox="0 0 16 16" width="16" height="16" fill="none">
<path d="M6 1.33334C5.74749 1.33334 5.51664 1.47601 5.40372 1.70187L2.07038 8.36854C1.96705 8.57519 1.9781 8.82062 2.09957 9.01716C2.22104 9.21371 2.43562 9.33334 2.66667 9.33334H5.14615L4.01991 13.8383C3.94834 14.1246 4.07348 14.4239 4.32752 14.574C4.58156 14.7241 4.90407 14.6893 5.1203 14.4885L14.4536 5.82187C14.6545 5.63533 14.7207 5.34484 14.6205 5.08967C14.5203 4.83449 14.2741 4.66668 14 4.66668H11.1775L12.5717 2.34301C12.6952 2.13705 12.6985 1.88055 12.5801 1.67154C12.4618 1.46254 12.2402 1.33334 12 1.33334H6Z" fill="currentColor"></path>
</symbol>
<symbol id="parse" viewBox="0 0 16 16" width="16" height="16" fill="none"> <symbol id="parse" viewBox="0 0 16 16" width="16" height="16" fill="none">
<rect x="2" y="3" width="10" height="1" fill="currentColor"></rect> <rect x="2" y="3" width="10" height="1" fill="currentColor"></rect>
<path d="M12 1L16 3.5L12 6V1Z" fill="currentColor"></path> <path d="M12 1L16 3.5L12 6V1Z" fill="currentColor"></path>
@ -844,7 +864,7 @@
</symbol> </symbol>
<symbol id="temp" viewBox="0 0 16 16" width="16" height="16" fill="none"> <symbol id="temp" viewBox="0 0 16 16" width="16" height="16" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 8.00001C0 6.14917 0.641755 4.35559 1.81592 2.92487C2.99008 1.49415 4.624 0.514812 6.43928 0.15373C8.25456 -0.207351 10.1389 0.0721615 11.7712 0.944642C13.4035 1.81712 14.6827 3.22859 15.391 4.93854C16.0993 6.6485 16.1928 8.55114 15.6555 10.3223C15.1183 12.0934 13.9835 13.6235 12.4446 14.6518C10.9056 15.68 9.05779 16.1429 7.21586 15.9615C5.37394 15.7801 3.65189 14.9656 2.34315 13.6569L3.76867 12.2313C4.74761 13.2103 6.0357 13.8195 7.41347 13.9552C8.79123 14.0909 10.1734 13.7447 11.3245 12.9755C12.4756 12.2064 13.3245 11.0619 13.7263 9.73707C14.1282 8.41226 14.0583 6.98908 13.5285 5.71003C12.9987 4.43099 12.0418 3.37521 10.8208 2.7226C9.59988 2.06998 8.19041 1.8609 6.83258 2.13099C5.47475 2.40108 4.25258 3.13362 3.37431 4.2038C2.49603 5.27398 2.016 6.61558 2.016 8.00001H4L1 12L-2 8.00001H0ZM10.707 5.29298C10.3165 4.90246 9.68334 4.90246 9.29282 5.29298L7.99999 6.58581L6.71107 5.29689C6.32055 4.90636 5.68739 4.90636 5.29686 5.29689C4.90634 5.68741 4.90634 6.32058 5.29686 6.7111L6.58578 8.00002L5.29687 9.28892C4.90635 9.67945 4.90635 10.3126 5.29687 10.7031C5.6874 11.0937 6.32056 11.0937 6.71109 10.7031L7.99999 9.41423L9.29085 10.7051C9.68137 11.0956 10.3145 11.0956 10.7051 10.7051C11.0956 10.3146 11.0956 9.6814 10.7051 9.29088L9.41421 8.00002L10.707 6.7072C11.0976 6.31667 11.0976 5.68351 10.707 5.29298Z" fill="currentColor"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 8C0 6.14915 0.641755 4.35557 1.81592 2.92485C2.99008 1.49413 4.624 0.514797 6.43928 0.153715C8.25456 -0.207366 10.1389 0.0721462 11.7712 0.944627C13.4035 1.81711 14.6827 3.22857 15.391 4.93853C16.0993 6.64848 16.1928 8.55113 15.6555 10.3223C15.1183 12.0934 13.9835 13.6235 12.4446 14.6518C10.9056 15.68 9.05779 16.1429 7.21586 15.9615C5.37394 15.7801 3.65189 14.9656 2.34315 13.6569L3.76867 12.2313C4.74761 13.2103 6.0357 13.8195 7.41347 13.9552C8.79123 14.0909 10.1734 13.7447 11.3245 12.9755C12.4756 12.2064 13.3245 11.0619 13.7263 9.73706C14.1282 8.41224 14.0583 6.98907 13.5285 5.71002C12.9987 4.43097 12.0418 3.3752 10.8208 2.72258C9.59988 2.06996 8.19041 1.86089 6.83258 2.13098C5.47475 2.40107 4.25258 3.13361 3.37431 4.20379C2.49603 5.27397 2.016 6.61557 2.016 8H4L1 12L-2 8H0ZM10.707 5.29297C10.3165 4.90244 9.68334 4.90244 9.29282 5.29297L7.99999 6.58579L6.71107 5.29687C6.32055 4.90635 5.68739 4.90635 5.29686 5.29687C4.90634 5.6874 4.90634 6.32056 5.29686 6.71109L6.58578 8L5.29687 9.28891C4.90635 9.67943 4.90635 10.3126 5.29687 10.7031C5.6874 11.0936 6.32056 11.0936 6.71109 10.7031L7.99999 9.41422L9.29085 10.7051C9.68137 11.0956 10.3145 11.0956 10.7051 10.7051C11.0956 10.3146 11.0956 9.68139 10.7051 9.29086L9.41421 8L10.707 6.70718C11.0976 6.31666 11.0976 5.68349 10.707 5.29297Z" fill="currentColor"></path>
</symbol> </symbol>
<symbol id="text" viewBox="0 0 16 16" width="16" height="16" fill="none"> <symbol id="text" viewBox="0 0 16 16" width="16" height="16" fill="none">

Before

Width:  |  Height:  |  Size: 117 KiB

After

Width:  |  Height:  |  Size: 120 KiB

View File

@ -350,7 +350,7 @@ const editorStyle = computed(() => {
<circle cx="14" cy="14" r="1.5" /> <circle cx="14" cy="14" r="1.5" />
</svg> </svg>
</div> </div>
<SvgIcon name="enso_logo" class="closeButton button" @click="emit('close')" /> <SvgIcon name="close" class="closeButton button" @click="emit('close')" />
</div> </div>
</template> </template>

View File

@ -19,7 +19,7 @@ const toggleCodeEditorShortcut = codeEditorBindings.bindings.toggle.humanReadabl
@pointerup.stop @pointerup.stop
@click.stop="isDropdownOpen = !isDropdownOpen" @click.stop="isDropdownOpen = !isDropdownOpen"
> >
<SvgIcon name="folder_opened" class="moreIcon" /> <SvgIcon name="3_dot_menu" class="moreIcon" />
</div> </div>
<Transition name="dropdown"> <Transition name="dropdown">
<div <div
@ -32,12 +32,16 @@ const toggleCodeEditorShortcut = codeEditorBindings.bindings.toggle.humanReadabl
<div class="row"> <div class="row">
<div class="label">Zoom</div> <div class="label">Zoom</div>
<div class="zoomControl"> <div class="zoomControl">
<div class="zoomButton minus" title="Decrease zoom" @click="emit('zoomOut')" /> <div class="zoomButtonHighlight">
<SvgIcon :scale="12 / 16" name="minus" title="Decrease zoom" @click="emit('zoomOut')" />
</div>
<span <span
class="zoomScaleLabel" class="zoomScaleLabel"
v-text="props.zoomLevel ? props.zoomLevel.toFixed(0) + '%' : '?'" v-text="props.zoomLevel ? props.zoomLevel.toFixed(0) + '%' : '?'"
></span> ></span>
<div class="zoomButton plus" title="increase zoom" @click="emit('zoomIn')" /> <div class="zoomButtonHighlight">
<SvgIcon :scale="12 / 16" name="add" title="increase zoom" @click="emit('zoomIn')" />
</div>
<div class="divider"></div> <div class="divider"></div>
<div class="showAllIconHighlight"> <div class="showAllIconHighlight">
<SvgIcon name="show_all" class="showAllIcon" @click="emit('fitToAllClicked')" /> <SvgIcon name="show_all" class="showAllIcon" @click="emit('fitToAllClicked')" />
@ -144,54 +148,23 @@ const toggleCodeEditorShortcut = codeEditorBindings.bindings.toggle.humanReadabl
left: 8px; left: 8px;
} }
.zoomButton { .zoomButtonHighlight {
width: 16px; width: 16px;
height: 16px; height: 16px;
border-radius: var(--radius-full); border-radius: var(--radius-full);
position: relative; position: relative;
margin: 0px; margin: 0px;
padding: 2px;
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
cursor: pointer; cursor: pointer;
transition: background-color 0.3s; transition: background-color 0.3s;
} }
.zoomButton:hover { .zoomButtonHighlight:hover {
background-color: var(--color-menu-entry-hover-bg); background-color: var(--color-menu-entry-hover-bg);
} }
.zoomButton.plus:before,
.zoomButton.plus:after {
content: '';
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: var(--color-text);
}
.zoomButton.plus:before {
width: 2px;
height: 12px;
}
.zoomButton.plus:after {
height: 2px;
width: 12px;
}
.zoomButton.minus:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: var(--color-text);
margin: auto 2px;
height: 2px;
}
.dropdown-enter-active, .dropdown-enter-active,
.dropdown-leave-active { .dropdown-leave-active {
transition: opacity 0.25s ease; transition: opacity 0.25s ease;