yujunjun/OpenMetadata
1
0
Fork 0
mirror of https://github.com/open-metadata/OpenMetadata.git synced 2025-11-01 19:18:05 +00:00
Code Issues Packages Projects Releases Wiki Activity

revamp data asset icon to colour one (#15485)

Browse Source 
* revamp data asset icon to colored one

* icon and where it is used dimension changes

* minor changes
This commit is contained in:
Ashish Gupta 2024-03-07 21:19:32 +05:30 committed by GitHub
parent 5b2427743c
commit c03cfe9588
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
19 changed files with 136 additions and 72 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-open-task.svg
View File

@ -1,5 +1,10 @@
<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8 9.5C8.39782 9.5 8.77936 9.34196 9.06066 9.06066C9.34196 8.77936 9.5 8.39782 9.5 8C9.5 7.60218 9.34196 7.22064 9.06066 6.93934C8.77936 6.65804 8.39782 6.5 8 6.5C7.60218 6.5 7.22064 6.65804 6.93934 6.93934C6.65804 7.22064 6.5 7.60218 6.5 8C6.5 8.39782 6.65804 8.77936 6.93934 9.06066C7.22064 9.34196 7.60218 9.5 8 9.5Z" fill="#028376"/>
<path d="M8 0C10.1217 0 12.1566 0.842855 13.6569 2.34315C15.1571 3.84344 16 5.87827 16 8C16 10.1217 15.1571 12.1566 13.6569 13.6569C12.1566 15.1571 10.1217 16 8 16C5.87827 16 3.84344 15.1571 2.34315 13.6569C0.842855 12.1566 0 10.1217 0 8C0 5.87827 0.842855 3.84344 2.34315 2.34315C3.84344 0.842855 5.87827 0 8 0ZM1.5 8C1.5 9.72391 2.18482 11.3772 3.40381 12.5962C4.62279 13.8152 6.27609 14.5 8 14.5C9.72391 14.5 11.3772 13.8152 12.5962 12.5962C13.8152 11.3772 14.5 9.72391 14.5 8C14.5 6.27609 13.8152 4.62279 12.5962 3.40381C11.3772 2.18482 9.72391 1.5 8 1.5C6.27609 1.5 4.62279 2.18482 3.40381 3.40381C2.18482 4.62279 1.5 6.27609 1.5 8Z" fill="#028376"/>
<svg viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2385_195866)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.01172 20.9702C6.01172 12.7089 12.7089 6.01172 20.9702 6.01172C29.2316 6.01172 35.9286 12.7089 35.9286 20.9702C35.9286 29.2316 29.2316 35.9286 20.9702 35.9286C12.7089 35.9286 6.01172 29.2316 6.01172 20.9702ZM20.9702 8.31308C13.9798 8.31308 8.31299 13.9798 8.31299 20.9702C8.31299 27.9606 13.9798 33.6273 20.9702 33.6273C27.9606 33.6273 33.6273 27.9606 33.6273 20.9702C33.6273 13.9798 27.9606 8.31308 20.9702 8.31308ZM20.9702 24.4222C22.8766 24.4222 24.4222 22.8766 24.4222 20.9702C24.4222 19.0637 22.8766 17.5183 20.9702 17.5183C19.0637 17.5183 17.5183 19.0637 17.5183 20.9702C17.5183 22.8766 19.0637 24.4222 20.9702 24.4222Z" fill="#028376"/>
</g>
<defs>
<clipPath id="clip0_2385_195866">
<rect width="30" height="30" fill="white" transform="translate(6 6)"/>
</clipPath>
</defs>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 952 B

10
openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-share.svg
View File

@ -1,10 +1,10 @@
<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_635_4922)">
<path d="M12.0781 0.0499983C11.0063 0.284373 10.1344 1.17187 9.91875 2.24687C9.84688 2.60312 9.87188 3.25937 9.96563 3.59062C10.0031 3.71562 10.0281 3.825 10.025 3.82812C10.0188 3.83437 8.98125 4.45625 7.71875 5.21562L5.425 6.59375L5.26875 6.43437C5.07188 6.23437 4.80938 6.05625 4.4875 5.90625C4.0625 5.70625 3.89688 5.67187 3.3125 5.67187C2.72813 5.67187 2.5625 5.70625 2.1375 5.90625C1.49063 6.20625 1.05 6.64687 0.75 7.29375C0.55 7.71875 0.515625 7.88437 0.515625 8.46875C0.515625 9.05312 0.55 9.21875 0.75 9.64375C1.05 10.2906 1.49063 10.7312 2.1375 11.0312C2.55938 11.2281 2.73125 11.2625 3.29688 11.2656C3.90313 11.2656 4.1625 11.2062 4.64063 10.9594C4.90625 10.8219 5.00313 10.7469 5.2875 10.4656L5.62188 10.1375L7.7875 11.2437C8.97813 11.8531 9.95938 12.3562 9.9625 12.3594C9.96875 12.3656 9.95 12.4781 9.92188 12.6094C9.87813 12.8 9.87188 12.9437 9.88438 13.2937C9.90313 13.7906 9.94688 13.9844 10.125 14.3625C10.425 15.0094 10.8656 15.45 11.5125 15.75C11.9375 15.95 12.1031 15.9844 12.6875 15.9844C13.2719 15.9844 13.4375 15.95 13.8625 15.75C14.5094 15.45 14.95 15.0094 15.25 14.3625C15.45 13.9375 15.4844 13.7719 15.4844 13.1875C15.4844 12.6031 15.45 12.4375 15.25 12.0125C14.95 11.3656 14.5094 10.925 13.8625 10.625C13.4375 10.425 13.2719 10.3906 12.6875 10.3906C12.2344 10.3906 12.1406 10.4 11.9219 10.4656C11.3781 10.625 10.8188 10.9937 10.5 11.3969L10.4219 11.4969L8.25 10.3844C7.05625 9.775 6.06875 9.26562 6.05625 9.25312C6.04375 9.24375 6.05625 9.14375 6.08125 9.03125C6.15625 8.72187 6.125 8.00312 6.025 7.67187L5.95 7.41875L8.24688 6.0375L10.5438 4.65625L10.7156 4.83125C11.025 5.14375 11.5156 5.425 11.9688 5.55312C12.2594 5.63125 13.1156 5.63125 13.4063 5.55312C14.0406 5.375 14.6563 4.94375 15.0063 4.42812C15.1656 4.19062 15.3531 3.79375 15.4281 3.53125C15.5063 3.24062 15.5063 2.38437 15.4281 2.09375C15.25 1.45937 14.8188 0.843749 14.3031 0.493749C14.0719 0.337499 13.6719 0.146873 13.4219 0.078124C13.1531 0.00312328 12.3688 -0.0156269 12.0781 0.0499983ZM13.1406 1.01562C13.4688 1.1 13.7125 1.24375 13.9844 1.51562C14.3719 1.9 14.5313 2.28125 14.5313 2.8125C14.5313 3.34375 14.3719 3.725 13.9844 4.10937C13.6 4.49687 13.2188 4.65625 12.6875 4.65625C12.1563 4.65625 11.775 4.49687 11.3906 4.10937C11.0031 3.725 10.8438 3.34375 10.8438 2.8125C10.8438 2.28125 11.0031 1.9 11.3906 1.51562C11.6563 1.24687 11.9031 1.1 12.2188 1.01875C12.4469 0.959373 12.9094 0.956248 13.1406 1.01562ZM3.76563 6.67187C4.09375 6.75625 4.3375 6.9 4.60938 7.17187C4.99688 7.55625 5.15625 7.9375 5.15625 8.46875C5.15625 9 4.99688 9.38125 4.60938 9.76562C4.225 10.1531 3.84375 10.3125 3.3125 10.3125C2.78125 10.3125 2.4 10.1531 2.01563 9.76562C1.62813 9.38125 1.46875 9 1.46875 8.46875C1.46875 7.9375 1.62813 7.55625 2.01563 7.17187C2.28125 6.90312 2.52813 6.75625 2.84375 6.675C3.07188 6.61562 3.53438 6.6125 3.76563 6.67187ZM13.1406 11.3906C13.4688 11.475 13.7125 11.6187 13.9844 11.8906C14.3719 12.275 14.5313 12.6562 14.5313 13.1875C14.5313 13.7187 14.3719 14.1 13.9844 14.4844C13.6 14.8719 13.2188 15.0312 12.6875 15.0312C12.1563 15.0312 11.775 14.8719 11.3906 14.4844C11.0031 14.1 10.8438 13.7187 10.8438 13.1875C10.8438 12.6562 11.0031 12.275 11.3906 11.8906C11.6563 11.6219 11.9031 11.475 12.2188 11.3937C12.4469 11.3344 12.9094 11.3312 13.1406 11.3906Z" fill="currentColor"/>
<svg viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2385_195876)">
<path d="M27.6465 5.09179C25.6367 5.53125 24.002 7.19531 23.5977 9.21093C23.4629 9.8789 23.5098 11.1094 23.6855 11.7305C23.7559 11.9648 23.8027 12.1699 23.7969 12.1758C23.7852 12.1875 21.8398 13.3535 19.4727 14.7773L15.1719 17.3613L14.8789 17.0625C14.5098 16.6875 14.0176 16.3535 13.4141 16.0723C12.6172 15.6973 12.3066 15.6328 11.2109 15.6328C10.1152 15.6328 9.80469 15.6973 9.00781 16.0723C7.79492 16.6348 6.96875 17.4609 6.40625 18.6738C6.03125 19.4707 5.9668 19.7812 5.9668 20.877C5.9668 21.9727 6.03125 22.2832 6.40625 23.0801C6.96875 24.293 7.79492 25.1191 9.00781 25.6816C9.79883 26.0508 10.1211 26.1152 11.1816 26.1211C12.3184 26.1211 12.8047 26.0098 13.7012 25.5469C14.1992 25.2891 14.3809 25.1484 14.9141 24.6211L15.541 24.0059L19.6016 26.0801C21.834 27.2227 23.6738 28.166 23.6797 28.1719C23.6914 28.1836 23.6563 28.3945 23.6035 28.6406C23.5215 28.998 23.5098 29.2676 23.5332 29.9238C23.5684 30.8555 23.6504 31.2187 23.9844 31.9277C24.5469 33.1406 25.373 33.9668 26.5859 34.5293C27.3828 34.9043 27.6934 34.9688 28.7891 34.9688C29.8848 34.9688 30.1953 34.9043 30.9922 34.5293C32.2051 33.9668 33.0313 33.1406 33.5938 31.9277C33.9688 31.1309 34.0332 30.8203 34.0332 29.7246C34.0332 28.6289 33.9688 28.3184 33.5938 27.5215C33.0313 26.3086 32.2051 25.4824 30.9922 24.9199C30.1953 24.5449 29.8848 24.4805 28.7891 24.4805C27.9395 24.4805 27.7637 24.498 27.3535 24.6211C26.334 24.9199 25.2852 25.6113 24.6875 26.3672L24.541 26.5547L20.4688 24.4687C18.2305 23.3262 16.3789 22.3711 16.3555 22.3477C16.332 22.3301 16.3555 22.1426 16.4023 21.9316C16.543 21.3516 16.4844 20.0039 16.2969 19.3828L16.1563 18.9082L20.4629 16.3184L24.7695 13.7285L25.0918 14.0566C25.6719 14.6426 26.5918 15.1699 27.4414 15.4102C27.9863 15.5566 29.5918 15.5566 30.1367 15.4102C31.3262 15.0762 32.4805 14.2676 33.1367 13.3008C33.4355 12.8555 33.7871 12.1113 33.9277 11.6191C34.0742 11.0742 34.0742 9.46875 33.9277 8.92382C33.5938 7.73437 32.7852 6.58007 31.8184 5.92382C31.3848 5.63085 30.6348 5.27343 30.166 5.14453C29.6621 5.0039 28.1914 4.96875 27.6465 5.09179ZM29.6387 6.90234C30.2539 7.06054 30.7109 7.33007 31.2207 7.83984C31.9473 8.56054 32.2461 9.27539 32.2461 10.2715C32.2461 11.2676 31.9473 11.9824 31.2207 12.7031C30.5 13.4297 29.7852 13.7285 28.7891 13.7285C27.793 13.7285 27.0781 13.4297 26.3574 12.7031C25.6309 11.9824 25.332 11.2676 25.332 10.2715C25.332 9.27539 25.6309 8.56054 26.3574 7.83984C26.8555 7.33593 27.3184 7.06054 27.9102 6.9082C28.3379 6.79687 29.2051 6.79101 29.6387 6.90234ZM12.0605 17.5078C12.6758 17.666 13.1328 17.9355 13.6426 18.4453C14.3691 19.166 14.668 19.8809 14.668 20.877C14.668 21.873 14.3691 22.5879 13.6426 23.3086C12.9219 24.0352 12.207 24.334 11.2109 24.334C10.2148 24.334 9.5 24.0352 8.7793 23.3086C8.05273 22.5879 7.75391 21.873 7.75391 20.877C7.75391 19.8809 8.05273 19.166 8.7793 18.4453C9.27734 17.9414 9.74023 17.666 10.332 17.5137C10.7598 17.4023 11.627 17.3965 12.0605 17.5078ZM29.6387 26.3555C30.2539 26.5137 30.7109 26.7832 31.2207 27.293C31.9473 28.0137 32.2461 28.7285 32.2461 29.7246C32.2461 30.7207 31.9473 31.4355 31.2207 32.1562C30.5 32.8828 29.7852 33.1816 28.7891 33.1816C27.793 33.1816 27.0781 32.8828 26.3574 32.1562C25.6309 31.4355 25.332 30.7207 25.332 29.7246C25.332 28.7285 25.6309 28.0137 26.3574 27.293C26.8555 26.7891 27.3184 26.5137 27.9102 26.3613C28.3379 26.25 29.2051 26.2441 29.6387 26.3555Z" fill="#35A6BA"/>
</g>
<defs>
<clipPath id="clip0_635_4922">
<rect width="16" height="16" fill="white"/>
<clipPath id="clip0_2385_195876">
<rect width="30" height="30" fill="white" transform="translate(5 5)"/>
</clipPath>
</defs>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

4
openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-star-filled.svg
View File

@ -1,3 +1,3 @@
<svg viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.81134 0.877748C6.609 0.913295 6.36017 1.05275 6.22619 1.20587C6.14689 1.29611 5.90353 1.76642 5.41134 2.76173C5.0258 3.5465 4.6922 4.20822 4.66759 4.23009C4.64025 4.25744 4.1508 4.33947 3.04611 4.5008C2.17384 4.62658 1.40822 4.74962 1.33986 4.7715C1.07189 4.86173 0.844938 5.09142 0.735563 5.384C0.689078 5.50704 0.680875 5.58361 0.689078 5.78322C0.705485 6.22892 0.686344 6.20431 2.04806 7.53048C2.69611 8.16212 3.22658 8.69533 3.22658 8.7172C3.22658 8.73908 3.109 9.44181 2.96408 10.2785C2.68791 11.8672 2.66603 12.0805 2.74533 12.3047C2.84923 12.5945 3.10353 12.8488 3.38791 12.9473C3.54923 13.002 3.91564 12.9992 4.07697 12.9391C4.14806 12.9145 4.83166 12.5617 5.60002 12.1598L6.99455 11.427L7.18322 11.5199C7.28439 11.5719 7.9215 11.9055 8.59689 12.261C9.27228 12.6164 9.88205 12.9254 9.95041 12.95C10.1992 13.0348 10.5875 12.9883 10.8172 12.8488C10.9485 12.7695 11.1508 12.5371 11.2164 12.3949C11.2547 12.3074 11.2766 12.1871 11.2848 12.0313C11.2957 11.8289 11.2629 11.602 11.036 10.2785C10.891 9.44455 10.7735 8.74181 10.7735 8.7172C10.7735 8.69259 11.3039 8.15939 11.952 7.53048C13.3137 6.20431 13.2945 6.22892 13.311 5.78322C13.3192 5.58361 13.311 5.50704 13.2645 5.384C13.1524 5.08869 12.9281 4.86173 12.6547 4.7715C12.5836 4.74689 11.8152 4.62384 10.9485 4.49806C9.66056 4.30939 9.35978 4.26017 9.32423 4.21915C9.29689 4.19181 8.9715 3.54923 8.59962 2.78908C8.22502 2.02892 7.88595 1.35626 7.8422 1.29611C7.69455 1.07462 7.44845 0.924232 7.16134 0.875014C7.06564 0.861342 6.98088 0.850404 6.97267 0.850404C6.96447 0.853139 6.89337 0.864076 6.81134 0.877748Z" fill="currentColor"/>
<svg viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.677 5.22112C20.0295 4.65712 20.8509 4.65712 21.2034 5.22112L26.3223 13.4115C26.4407 13.6009 26.6254 13.7395 26.8403 13.8004L33.6687 15.7343C34.295 15.9117 34.5317 16.6749 34.1156 17.1755L29.1774 23.1173C29.0211 23.3054 28.948 23.5489 28.975 23.7919L29.9841 32.8739C30.0583 33.5411 29.4022 34.0517 28.7736 33.816L20.7562 30.8095C20.5525 30.7331 20.3279 30.7331 20.1242 30.8095L12.1067 33.816C11.4782 34.0517 10.8221 33.5411 10.8962 32.8739L11.9013 23.828C11.9307 23.564 11.8419 23.3005 11.6588 23.1081L6.05732 17.2223C5.58359 16.7246 5.81995 15.9009 6.48556 15.7301L14.0254 13.7953C14.2492 13.7378 14.4424 13.5965 14.5649 13.4005L19.677 5.22112Z" fill="#DC7F2F" fill-opacity="0.4" stroke="#DC7F2F" stroke-width="2"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 809 B

4
openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-star.svg
View File

@ -1 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" fill="none"><path fill="currentColor" d="M10.272 12.99c-.166 0-.33-.04-.476-.118l-2.727-1.434a.146.146 0 0 0-.138 0l-2.726 1.434a1.023 1.023 0 0 1-1.485-1.079l.521-3.036a.148.148 0 0 0-.044-.13L.993 6.474a1.023 1.023 0 0 1 .569-1.745l3.046-.443a.147.147 0 0 0 .111-.08l1.362-2.763a1.022 1.022 0 0 1 1.835 0l1.363 2.762a.149.149 0 0 0 .11.08l3.05.443a1.023 1.023 0 0 1 .568 1.746l-2.206 2.15a.148.148 0 0 0-.044.13l.52 3.036a1.024 1.024 0 0 1-1.005 1.197v.002ZM7 10.546c.166 0 .33.04.476.118l2.727 1.433a.14.14 0 0 0 .155-.011.142.142 0 0 0 .06-.145l-.522-3.036A1.025 1.025 0 0 1 10.19 8l2.207-2.15a.148.148 0 0 0-.083-.253l-3.048-.443a1.022 1.022 0 0 1-.77-.56L7.13 1.833a.148.148 0 0 0-.265 0L5.504 4.594a1.022 1.022 0 0 1-.77.56l-3.048.443a.147.147 0 0 0-.082.252L3.81 8a1.025 1.025 0 0 1 .294.906l-.521 3.036a.148.148 0 0 0 .215.156l2.726-1.433c.147-.078.31-.118.476-.118Z"/></svg>
<svg viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.8296 5.68988C19.5738 4.49921 21.3078 4.49921 22.052 5.68988L27.1505 13.8475L33.9418 15.7709C35.2641 16.1454 35.7637 17.7565 34.8853 18.8134L29.9742 24.7225L30.9786 33.7622C31.1351 35.1708 29.7501 36.2487 28.4231 35.7511L20.4408 32.7577L12.4585 35.7511C11.1315 36.2487 9.74645 35.1708 9.90295 33.7622L10.9029 24.7626L5.33352 18.9105C4.33342 17.8596 4.83242 16.1209 6.23759 15.7603L13.7387 13.8354L18.8296 5.68988ZM20.4408 6.88556L15.4134 14.9293C15.1549 15.343 14.7471 15.6414 14.2745 15.7627L6.89978 17.6552L12.3838 23.4175C12.7703 23.8237 12.9577 24.3799 12.8958 24.9372L11.9087 33.8213L19.7736 30.8719C20.2038 30.7106 20.6778 30.7106 21.1079 30.8719L28.9729 33.8213L27.9817 24.9011C27.9247 24.3881 28.0789 23.8739 28.4089 23.4769L33.2489 17.6533L26.5684 15.7613C26.1146 15.6328 25.7249 15.3401 25.4749 14.9402L20.4408 6.88556Z" fill="#DC7F2F"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 944 B

After

Width:  |  Height:  |  Size: 979 B

21
openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-version.svg
View File

@ -1,18 +1,3 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 15 15" style="enable-background:new 0 0 15 15;" xml:space="preserve">
<style type="text/css">
.st0{fill:currentColor;}
</style>
<g>
<path class="st0" d="M13.3,4C12.4,2.5,11,1.5,9.4,1C7.8,0.5,6,0.7,4.5,1.4C3.4,2,2.6,2.7,1.9,3.7l-0.2-1C1.7,2.4,1.4,2.2,1.1,2.3
C0.9,2.4,0.7,2.6,0.7,2.9l0.4,2.2c0,0,0,0,0,0l0,0L1.4,6l3.1-0.6c0.3-0.1,0.4-0.3,0.4-0.6C4.8,4.5,4.5,4.3,4.3,4.4L2.4,4.8
c0.6-1,1.4-1.9,2.5-2.4c1.3-0.6,2.8-0.8,4.2-0.4c1.4,0.4,2.6,1.3,3.3,2.6c0.8,1.2,1,2.7,0.7,4.1c-0.3,1.4-1.1,2.7-2.3,3.5
c-1.2,0.9-2.6,1.2-4.1,1.1c-1.4-0.2-2.8-0.9-3.7-2c-0.9-1.1-1.4-2.5-1.4-4l-1,0C0.7,9,1.2,10.6,2.4,11.9C3.5,13.2,5,14,6.7,14.2
c0.3,0,0.5,0,0.8,0c1.4,0,2.8-0.4,4-1.3c1.4-1,2.3-2.5,2.7-4.1C14.5,7.2,14.2,5.5,13.3,4z"/>
<path class="st0" d="M7.5,3.9C7.2,3.9,7,4.1,7,4.4v3.3l2.2,2.2c0.1,0.1,0.2,0.1,0.4,0.1s0.3,0,0.4-0.1c0.2-0.2,0.2-0.5,0-0.7L8,7.3
V4.4C8,4.1,7.8,3.9,7.5,3.9z"/>
</g>
</svg>
<svg viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.0977 7.12577C17.5793 5.39371 21.5849 5.03414 25.3193 6.11845C29.0537 7.20277 32.2438 9.65167 34.2564 12.979C36.2689 16.3063 36.9567 20.2688 36.1833 24.0797C35.4098 27.8906 33.2316 31.2714 30.081 33.5508C26.9305 35.8302 23.0381 36.8416 19.1764 36.3842C15.3148 35.9268 11.7663 34.034 9.23551 31.0817C6.70469 28.1293 5.37657 24.3332 5.51481 20.4471L7.51354 20.5182C7.39315 23.9027 8.54983 27.2088 10.754 29.78C12.9581 32.3513 16.0485 33.9997 19.4117 34.3981C22.7749 34.7965 26.1649 33.9156 28.9087 31.9304C31.6525 29.9453 33.5496 27.0009 34.2232 23.6819C34.8969 20.3629 34.2978 16.9119 32.5451 14.0141C30.7923 11.1163 28.014 8.98348 24.7616 8.03913C21.5092 7.09478 18.0207 7.40793 14.9885 8.91642C12.3797 10.2143 10.2729 12.3153 8.9656 14.8916L13.551 13.9745C14.0926 13.8662 14.6194 14.2175 14.7277 14.759C14.836 15.3006 14.4848 15.8274 13.9433 15.9357L6.92356 17.3397L6.55127 15.4782L6.52531 15.4683C6.53055 15.4546 6.5358 15.4409 6.54107 15.4272L5.51961 10.3199C5.4113 9.77838 5.76252 9.25155 6.30408 9.14324C6.84564 9.03493 7.37246 9.38615 7.48077 9.92771L8.0065 12.5563C9.50453 10.2508 11.6009 8.3679 14.0977 7.12577ZM20.9924 12.7469C21.5447 12.7469 21.9924 13.1946 21.9924 13.7469V20.5796L26.5308 25.118C26.9213 25.5086 26.9213 26.1417 26.5308 26.5322C26.1403 26.9228 25.5071 26.9228 25.1166 26.5322L19.9924 21.408V13.7469C19.9924 13.1946 20.4401 12.7469 20.9924 12.7469Z" fill="#1D02BC"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

5
openmetadata-ui/src/main/resources/ui/src/assets/svg/thumbs-down-filled.svg Normal file
View File

@ -0,0 +1,5 @@
<svg viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M35 22L27 22L27 8L34 8C34.5523 8 35 8.44772 35 9L35 22Z" fill="#D82E20" fill-opacity="0.4"/>
<path d="M27.3791 7.55014L31.9516 7.55014C32.7601 7.55014 33.5355 7.83933 34.1071 8.35415C34.6788 8.86897 35 9.56716 35 10.2951L35 19.9026C35 20.6305 34.6788 21.3287 34.1071 21.8436C33.5355 22.3584 32.7601 22.6476 31.9516 22.6476L27.3791 22.6476M16.7098 25.3926L16.7098 30.8825C16.7098 31.9745 17.1916 33.0218 18.0491 33.794C18.9066 34.5662 20.0697 35 21.2823 35L27.3791 22.6476L27.3791 7.55014L10.1863 7.55014C9.45115 7.54259 8.73768 7.77468 8.17754 8.20345C7.6174 8.63221 7.24809 9.22884 7.1379 9.88338L5.03452 22.2358C4.96822 22.6292 4.99764 23.0309 5.12094 23.413C5.2441 23.7952 5.45809 24.1487 5.74799 24.4489C6.03804 24.7492 6.39699 24.9891 6.80014 25.1521C7.20328 25.315 7.64103 25.3971 8.08289 25.3926L16.7098 25.3926Z" fill="#D82E20" fill-opacity="0.4"/>
<path d="M27.3791 7.55014L31.9516 7.55014C32.7601 7.55014 33.5355 7.83933 34.1071 8.35415C34.6788 8.86897 35 9.56716 35 10.2951L35 19.9026C35 20.6305 34.6788 21.3287 34.1071 21.8436C33.5355 22.3584 32.7601 22.6476 31.9516 22.6476L27.3791 22.6476M27.3791 7.55014L27.3791 22.6476M27.3791 7.55014L10.1863 7.55014C9.45115 7.54259 8.73768 7.77468 8.17754 8.20345C7.6174 8.63221 7.24809 9.22884 7.1379 9.88338L5.03452 22.2358C4.96822 22.6292 4.99764 23.0309 5.12094 23.413C5.2441 23.7952 5.45809 24.1487 5.74799 24.4489C6.03804 24.7492 6.39699 24.9891 6.80014 25.1521C7.20328 25.315 7.64103 25.3971 8.08289 25.3926L16.7098 25.3926L16.7098 30.8825C16.7098 31.9745 17.1916 33.0218 18.0491 33.794C18.9066 34.5662 20.0697 35 21.2823 35L27.3791 22.6476" stroke="#D82E20" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

3
openmetadata-ui/src/main/resources/ui/src/assets/svg/thumbs-down-outline.svg Normal file
View File

@ -0,0 +1,3 @@
<svg viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M27.3791 7.55014L31.9516 7.55014C32.7601 7.55014 33.5355 7.83933 34.1071 8.35415C34.6788 8.86897 35 9.56716 35 10.2951L35 19.9026C35 20.6305 34.6788 21.3287 34.1071 21.8436C33.5355 22.3584 32.7601 22.6476 31.9516 22.6476L27.3791 22.6476M27.3791 7.55014L27.3791 22.6476M27.3791 7.55014L10.1863 7.55014C9.45115 7.54259 8.73768 7.77468 8.17754 8.20345C7.6174 8.63221 7.24809 9.22884 7.1379 9.88338L5.03452 22.2358C4.96822 22.6292 4.99764 23.0309 5.12094 23.413C5.2441 23.7952 5.45809 24.1487 5.74799 24.4489C6.03804 24.7492 6.39699 24.9891 6.80014 25.1521C7.20328 25.315 7.64103 25.3971 8.08289 25.3926L16.7098 25.3926L16.7098 30.8825C16.7098 31.9745 17.1916 33.0218 18.0491 33.794C18.9066 34.5662 20.0697 35 21.2823 35L27.3791 22.6476" stroke="#D82E20" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 906 B

6
openmetadata-ui/src/main/resources/ui/src/assets/svg/thumbs-up-filled.svg
View File

@ -1,3 +1,5 @@
<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.0577 5.37367H10.0932L10.961 2.96097C11.0851 2.61724 11.1157 2.24054 11.049 1.87762C10.9824 1.51471 10.8214 1.18156 10.586 0.919523C10.4536 0.772427 10.2941 0.659144 10.1184 0.58754C9.94268 0.515937 9.75508 0.487729 9.56861 0.504875C9.38214 0.522021 9.20125 0.584111 9.03852 0.686833C8.87579 0.789555 8.73511 0.930447 8.62625 1.09972L6.308 4.70793C5.96199 5.24544 5.57722 5.75073 5.1575 6.21878L4.415 7.0447C4.38119 7.08226 4.35438 7.12687 4.3361 7.17597C4.31783 7.22508 4.30845 7.27771 4.3085 7.33086V13.5386C4.30844 13.6462 4.34674 13.7494 4.415 13.8256L5.24675 14.755C5.45863 14.9919 5.71063 15.1797 5.98818 15.3076C6.26574 15.4355 6.56333 15.5009 6.86375 15.5H11.3832C11.7401 15.4997 12.0892 15.3844 12.3884 15.1681C12.6876 14.9518 12.9241 14.6437 13.0692 14.2811L15.2862 8.73242C15.4281 8.37856 15.5009 7.99528 15.5 7.60783V6.9788C15.4996 6.55337 15.3475 6.14548 15.0772 5.84458C14.8068 5.54368 14.4402 5.37433 14.0577 5.37367ZM1.81025 6.5016C1.46275 6.5016 1.12948 6.65515 0.883763 6.92848C0.638044 7.20181 0.5 7.57252 0.5 7.95906V13.4394C0.5 13.8259 0.638044 14.1966 0.883763 14.4699C1.12948 14.7433 1.46275 14.8968 1.81025 14.8968C2.15775 14.8968 2.49102 14.7433 2.73674 14.4699C2.98245 14.1966 3.1205 13.8259 3.1205 13.4394V7.95906C3.1205 7.57252 2.98245 7.20181 2.73674 6.92848C2.49102 6.65515 2.15775 6.5016 1.81025 6.5016Z" fill="currentColor"/>
<svg viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 18.3438H12.5662V33.4762H6C5.44772 33.4762 5 33.0285 5 32.4762V18.3438Z" fill="#48CA9E" fill-opacity="0.4"/>
<path d="M12.819 34.819H8.28697C7.48566 34.819 6.71717 34.5154 6.15056 33.9749C5.58394 33.4344 5.26562 32.7013 5.26562 31.9371V21.8504C5.26562 21.0862 5.58394 20.3531 6.15056 19.8126C6.71717 19.2721 7.48566 18.9685 8.28697 18.9685H12.819M23.3937 16.0866V10.3228C23.3937 9.17635 22.9162 8.07682 22.0662 7.26613C21.2163 6.45544 20.0636 6 18.8617 6L12.819 18.9685V34.819H29.8593C30.5879 34.8269 31.2951 34.5832 31.8503 34.1331C32.4054 33.6829 32.7715 33.0565 32.8807 32.3693L34.9654 19.4008C35.0311 18.9878 35.002 18.5661 34.8798 18.1649C34.7577 17.7636 34.5456 17.3926 34.2583 17.0773C33.9708 16.7621 33.615 16.5102 33.2155 16.3391C32.8159 16.168 32.382 16.0819 31.9441 16.0866H23.3937Z" fill="#48CA9E" fill-opacity="0.4"/>
<path d="M12.819 34.819H8.28697C7.48566 34.819 6.71717 34.5154 6.15056 33.9749C5.58394 33.4344 5.26562 32.7013 5.26562 31.9371V21.8504C5.26562 21.0862 5.58394 20.3531 6.15056 19.8126C6.71717 19.2721 7.48566 18.9685 8.28697 18.9685H12.819M12.819 34.819V18.9685M12.819 34.819H29.8593C30.5879 34.8269 31.2951 34.5832 31.8503 34.1331C32.4054 33.6829 32.7715 33.0565 32.8807 32.3693L34.9654 19.4008C35.0311 18.9878 35.002 18.5661 34.8798 18.1649C34.7577 17.7636 34.5456 17.3926 34.2583 17.0773C33.9708 16.7621 33.615 16.5102 33.2155 16.3391C32.8159 16.168 32.382 16.0819 31.9441 16.0866H23.3937V10.3228C23.3937 9.17635 22.9162 8.07682 22.0662 7.26613C21.2163 6.45544 20.0636 6 18.8617 6L12.819 18.9685" stroke="#48CA9E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

4
openmetadata-ui/src/main/resources/ui/src/assets/svg/thumbs-up-outline.svg
View File

@ -1,3 +1,3 @@
<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.9665 5.38606L9.67947 5.38606L10.6215 2.94351C10.7538 2.60209 10.7863 2.22789 10.7151 1.86744C10.6439 1.50699 10.4721 1.1762 10.221 0.91621C10.0805 0.770291 9.91094 0.657893 9.72424 0.586847C9.53754 0.515802 9.33815 0.487817 9.13995 0.504844C8.94176 0.52187 8.74953 0.583497 8.57665 0.685432C8.40377 0.787367 8.25441 0.927158 8.13897 1.09507L5.64672 4.71185C5.27544 5.25174 4.86152 5.75869 4.40922 6.22746L4.09347 6.55485C3.92082 6.14611 3.61781 5.81139 3.2353 5.60688C2.8528 5.40237 2.41408 5.34052 1.9928 5.43171C1.57151 5.5229 1.19331 5.76158 0.921665 6.10769C0.650024 6.4538 0.501483 6.88626 0.500977 7.33248L0.500977 13.5536C0.501483 13.9998 0.650024 14.4323 0.921665 14.7784C1.19331 15.1245 1.57151 15.3632 1.9928 15.4543C2.41408 15.5455 2.8528 15.4837 3.2353 15.2792C3.61781 15.0747 3.92082 14.74 4.09347 14.3312L4.50522 14.7589C4.73135 14.9944 5.0002 15.1811 5.29626 15.3083C5.59233 15.4355 5.90975 15.5006 6.23022 15.5L11.091 15.5C11.4718 15.5 11.8446 15.3856 12.164 15.1706C12.4835 14.9556 12.736 14.6492 12.891 14.2884L15.276 8.7229C15.4252 8.37209 15.5019 7.99274 15.501 7.60932V6.97866C15.5008 6.55661 15.3391 6.15188 15.0514 5.8533C14.7637 5.55472 14.3735 5.38668 13.9665 5.38606ZM2.37598 14.7177C2.07761 14.7177 1.79146 14.5948 1.58048 14.376C1.3695 14.1573 1.25098 13.8606 1.25098 13.5512L1.25098 7.33015C1.25098 7.02079 1.3695 6.7241 1.58048 6.50534C1.79146 6.28659 2.07761 6.1637 2.37598 6.1637C2.67434 6.1637 2.96049 6.28659 3.17147 6.50534C3.38245 6.7241 3.50098 7.02079 3.50098 7.33015L3.50098 13.5512C3.50098 13.8606 3.38245 14.1573 3.17147 14.376C2.96049 14.5948 2.67434 14.7177 2.37598 14.7177ZM14.751 7.60932C14.7514 7.88476 14.6957 8.15718 14.5875 8.40873L12.201 13.9681C12.1052 14.1912 11.9491 14.3808 11.7516 14.5139C11.5541 14.6469 11.3235 14.7177 11.088 14.7177L6.23247 14.7177C6.0096 14.7186 5.78876 14.6737 5.58277 14.5854C5.37678 14.4972 5.18973 14.3674 5.03247 14.2037L4.25097 13.3903L4.25097 7.49112L4.93947 6.77725C5.42114 6.278 5.86214 5.7383 6.25797 5.16366L8.75097 1.54765C8.80273 1.47191 8.86982 1.4088 8.94755 1.36273C9.02527 1.31666 9.11176 1.28874 9.20097 1.28092C9.29059 1.2735 9.38069 1.28627 9.46509 1.31835C9.5495 1.35043 9.62621 1.40106 9.68997 1.46678C9.83709 1.6192 9.93777 1.81308 9.9795 2.02433C10.0212 2.23558 10.0022 2.45488 9.92472 2.655L8.77722 5.63102C8.75458 5.68997 8.74619 5.75378 8.7528 5.81686C8.75941 5.87995 8.78081 5.9404 8.81513 5.99294C8.84946 6.04548 8.89566 6.08851 8.94971 6.11827C9.00376 6.14804 9.06402 6.16363 9.12522 6.1637L13.9657 6.1637C14.1739 6.1637 14.3735 6.24937 14.5207 6.40189C14.668 6.55441 14.7508 6.7613 14.751 6.9771V7.60932Z" fill="currentColor" stroke="currentColor" stroke-width="0.25"/>
<svg viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.6209 33.0768H8.04837C7.2399 33.0768 6.46453 32.7704 5.89285 32.2251C5.32116 31.6798 5 30.9402 5 30.1691V19.9922C5 19.2211 5.32116 18.4815 5.89285 17.9362C6.46453 17.3909 7.2399 17.0845 8.04837 17.0845H12.6209M12.6209 33.0768V17.0845M12.6209 33.0768H29.8137C30.5488 33.0848 31.2623 32.8389 31.8225 32.3847C32.3826 31.9306 32.7519 31.2986 32.8621 30.6052L34.9655 17.5207C35.0318 17.104 35.0024 16.6785 34.8791 16.2737C34.7559 15.8688 34.5419 15.4945 34.252 15.1764C33.962 14.8583 33.603 14.6042 33.1999 14.4316C32.7967 14.259 32.359 14.1721 31.9171 14.1769H23.2902V8.36152C23.2902 7.20477 22.8084 6.0954 21.9509 5.27746C21.0934 4.45951 19.9303 4 18.7177 4L12.6209 17.0845" stroke="#48CA9E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 847 B

14
openmetadata-ui/src/main/resources/ui/src/components/Classifications/ClassificationDetails/ClassificationDetails.tsx
View File

@ -30,7 +30,11 @@ import { useHistory } from 'react-router-dom';
import { ReactComponent as IconTag } from '../../../assets/svg/classification.svg';
import { ReactComponent as LockIcon } from '../../../assets/svg/closed-lock.svg';
import { ReactComponent as VersionIcon } from '../../../assets/svg/ic-version.svg';
import { DE_ACTIVE_COLOR, PRIMERY_COLOR } from '../../../constants/constants';
import {
DATA_ASSET_ICON_DIMENSION,
DE_ACTIVE_COLOR,
PRIMERY_COLOR,
} from '../../../constants/constants';
import { EntityField } from '../../../constants/Feeds.constants';
import { usePermissionProvider } from '../../../context/PermissionProvider/PermissionProvider';
import { ResourceEntity } from '../../../context/PermissionProvider/PermissionProvider.interface';
@ -446,7 +450,13 @@ const ClassificationDetails = forwardRef(
<Button
className="w-16 p-0"
data-testid="version-button"
icon={<Icon component={VersionIcon} />}
icon={
<Icon
className="vertical-align-text-top"
component={VersionIcon}
style={{ ...DATA_ASSET_ICON_DIMENSION }}
/>
}
onClick={versionHandler}>
<Typography.Text>{currentVersion}</Typography.Text>
</Button>

34
openmetadata-ui/src/main/resources/ui/src/components/DataAssets/DataAssetsHeader/DataAssetsHeader.component.tsx
View File

@ -10,7 +10,7 @@
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import Icon from '@ant-design/icons';
import Icon from '@ant-design/icons/lib/components/Icon';
import { Button, Col, Divider, Row, Space, Tooltip, Typography } from 'antd';
import ButtonGroup from 'antd/lib/button/button-group';
import { AxiosError } from 'axios';
@ -30,7 +30,10 @@ import { DomainLabel } from '../../../components/common/DomainLabel/DomainLabel.
import { OwnerLabel } from '../../../components/common/OwnerLabel/OwnerLabel.component';
import TierCard from '../../../components/common/TierCard/TierCard';
import EntityHeaderTitle from '../../../components/Entity/EntityHeaderTitle/EntityHeaderTitle.component';
import { DE_ACTIVE_COLOR } from '../../../constants/constants';
import {
DATA_ASSET_ICON_DIMENSION,
DE_ACTIVE_COLOR,
} from '../../../constants/constants';
import { SERVICE_TYPES } from '../../../constants/Services.constant';
import { useTourProvider } from '../../../context/TourProvider/TourProvider';
import { EntityTabs, EntityType } from '../../../enums/entity.enum';
@ -430,7 +433,13 @@ export const DataAssetsHeader = ({
<Tooltip title={t('label.open-task-plural')}>
<Button
className="w-16 p-0"
icon={<Icon component={TaskOpenIcon} />}
icon={
<Icon
className="vertical-align-text-top"
component={TaskOpenIcon}
style={{ ...DATA_ASSET_ICON_DIMENSION }}
/>
}
onClick={handleOpenTaskClick}>
<Typography.Text>{openTaskCount}</Typography.Text>
</Button>
@ -441,7 +450,13 @@ export const DataAssetsHeader = ({
<Button
className="w-16 p-0"
data-testid="version-button"
icon={<Icon component={VersionIcon} />}
icon={
<Icon
className="vertical-align-text-top"
component={VersionIcon}
style={{ ...DATA_ASSET_ICON_DIMENSION }}
/>
}
onClick={onVersionClick}>
<Typography.Text>{version}</Typography.Text>
</Button>
@ -459,7 +474,9 @@ export const DataAssetsHeader = ({
disabled={deleted}
icon={
<Icon
className="vertical-align-text-top"
component={isFollowing ? StarFilledIcon : StarIcon}
style={{ ...DATA_ASSET_ICON_DIMENSION }}
/>
}
loading={isFollowingLoading}
@ -473,7 +490,14 @@ export const DataAssetsHeader = ({
placement="topRight"
title={copyTooltip ?? t('message.copy-to-clipboard')}>
<Button
icon={<Icon component={ShareIcon} />}
className="flex-center"
icon={
<Icon
className="vertical-align-text-top"
component={ShareIcon}
style={{ ...DATA_ASSET_ICON_DIMENSION }}
/>
}
onClick={handleShareButtonClick}
/>
</Tooltip>

9
openmetadata-ui/src/main/resources/ui/src/components/DataAssets/DataAssetsVersionHeader/DataAssetsVersionHeader.tsx
View File

@ -20,6 +20,7 @@ import { ReactComponent as VersionIcon } from '../../../assets/svg/ic-version.sv
import { DomainLabel } from '../../../components/common/DomainLabel/DomainLabel.component';
import { OwnerLabel } from '../../../components/common/OwnerLabel/OwnerLabel.component';
import EntityHeaderTitle from '../../../components/Entity/EntityHeaderTitle/EntityHeaderTitle.component';
import { DATA_ASSET_ICON_DIMENSION } from '../../../constants/constants';
import { EntityType } from '../../../enums/entity.enum';
import { SearchSourceAlias } from '../../../interface/search.interface';
import { getDataAssetsVersionHeaderInfo } from '../../../utils/DataAssetsVersionHeaderUtils';
@ -165,7 +166,13 @@ function DataAssetsVersionHeader({
<Button
className="w-16 p-0"
data-testid="version-button"
icon={<Icon component={VersionIcon} />}
icon={
<Icon
className="vertical-align-text-top"
component={VersionIcon}
style={{ ...DATA_ASSET_ICON_DIMENSION }}
/>
}
onClick={onVersionClick}>
<Typography.Text>{version}</Typography.Text>
</Button>

9
openmetadata-ui/src/main/resources/ui/src/components/DataProducts/DataProductsDetailsPage/DataProductsDetailsPage.component.tsx
View File

@ -33,6 +33,7 @@ import { ReactComponent as VersionIcon } from '../../../assets/svg/ic-version.sv
import { ReactComponent as IconDropdown } from '../../../assets/svg/menu.svg';
import { ReactComponent as StyleIcon } from '../../../assets/svg/style.svg';
import {
DATA_ASSET_ICON_DIMENSION,
DE_ACTIVE_COLOR,
getEntityDetailsPath,
getVersionPath,
@ -515,7 +516,13 @@ const DataProductsDetailsPage = ({
'text-primary border-primary': version,
})}
data-testid="version-button"
icon={<Icon component={VersionIcon} />}
icon={
<Icon
className="vertical-align-text-top"
component={VersionIcon}
style={{ ...DATA_ASSET_ICON_DIMENSION }}
/>
}
onClick={handleVersionClick}>
<Typography.Text
className={classNames('', {

20
openmetadata-ui/src/main/resources/ui/src/components/Database/TableQueries/QueryCardExtraOption/QueryCardExtraOption.component.tsx
View File

@ -17,6 +17,8 @@ import { useTranslation } from 'react-i18next';
import { ReactComponent as EditIcon } from '../../../../assets/svg/edit-new.svg';
import { ReactComponent as DeleteIcon } from '../../../../assets/svg/ic-delete.svg';
import { ReactComponent as IconDropdown } from '../../../../assets/svg/menu.svg';
import { ReactComponent as ThumbsDownFilled } from '../../../../assets/svg/thumbs-down-filled.svg';
import { ReactComponent as ThumbsDownOutline } from '../../../../assets/svg/thumbs-down-outline.svg';
import { ReactComponent as ThumbsUpFilled } from '../../../../assets/svg/thumbs-up-filled.svg';
import { ReactComponent as ThumbsUpOutline } from '../../../../assets/svg/thumbs-up-outline.svg';
import { NO_PERMISSION_FOR_ACTION } from '../../../../constants/HelperTextUtil';
@ -25,6 +27,7 @@ import { QueryVoteType } from '../TableQueries.interface';
import { QueryCardExtraOptionProps } from './QueryCardExtraOption.interface';
import { AxiosError } from 'axios';
import { DATA_ASSET_ICON_DIMENSION } from '../../../../constants/constants';
import { deleteQuery } from '../../../../rest/queryAPI';
import { showErrorToast } from '../../../../utils/ToastUtils';
import { useAuthContext } from '../../../Auth/AuthProviders/AuthProvider';
@ -139,9 +142,9 @@ const QueryCardExtraOption = ({
data-testid="up-vote-btn"
icon={
voteStatus === QueryVoteType.votedUp ? (
<ThumbsUpFilled color="#008376" height={15} width={15} />
<ThumbsUpFilled {...DATA_ASSET_ICON_DIMENSION} />
) : (
<ThumbsUpOutline height={15} width={15} />
<ThumbsUpOutline {...DATA_ASSET_ICON_DIMENSION} />
)
}
loading={loading === QueryVoteType.votedUp}
@ -157,18 +160,9 @@ const QueryCardExtraOption = ({
data-testid="down-vote-btn"
icon={
voteStatus === QueryVoteType.votedDown ? (
<ThumbsUpFilled
className="rotate-inverse"
color="#E7B85D"
height={15}
width={15}
/>
<ThumbsDownFilled {...DATA_ASSET_ICON_DIMENSION} />
) : (
<ThumbsUpOutline
className="rotate-inverse"
height={15}
width={15}
/>
<ThumbsDownOutline {...DATA_ASSET_ICON_DIMENSION} />
)
}
loading={loading === QueryVoteType.votedDown}

9
openmetadata-ui/src/main/resources/ui/src/components/Domain/DomainDetailsPage/DomainDetailsPage.component.tsx
View File

@ -54,6 +54,7 @@ import EntityNameModal from '../../../components/Modals/EntityNameModal/EntityNa
import PageLayoutV1 from '../../../components/PageLayoutV1/PageLayoutV1';
import { FQN_SEPARATOR_CHAR } from '../../../constants/char.constants';
import {
DATA_ASSET_ICON_DIMENSION,
DE_ACTIVE_COLOR,
ERROR_MESSAGE,
getEntityDetailsPath,
@ -588,7 +589,13 @@ const DomainDetailsPage = ({
'text-primary border-primary': version,
})}
data-testid="version-button"
icon={<Icon component={VersionIcon} />}
icon={
<Icon
className="vertical-align-text-top"
component={VersionIcon}
style={{ ...DATA_ASSET_ICON_DIMENSION }}
/>
}
onClick={handleVersionClick}>
<Typography.Text
className={classNames('', {

20
openmetadata-ui/src/main/resources/ui/src/components/Entity/Voting/Voting.component.tsx
View File

@ -14,8 +14,11 @@
import { Button, Tooltip, Typography } from 'antd';
import React, { useState } from 'react';
import { useTranslation } from 'react-i18next';
import { ReactComponent as ThumbsDownFilled } from '../../../assets/svg/thumbs-down-filled.svg';
import { ReactComponent as ThumbsDownOutline } from '../../../assets/svg/thumbs-down-outline.svg';
import { ReactComponent as ThumbsUpFilled } from '../../../assets/svg/thumbs-up-filled.svg';
import { ReactComponent as ThumbsUpOutline } from '../../../assets/svg/thumbs-up-outline.svg';
import { DATA_ASSET_ICON_DIMENSION } from '../../../constants/constants';
import { QueryVoteType } from '../../Database/TableQueries/TableQueries.interface';
import { VotingProps } from './voting.interface';
@ -44,9 +47,9 @@ const Voting = ({ votes, disabled, voteStatus, onUpdateVote }: VotingProps) => {
disabled={disabled}
icon={
voteStatus === QueryVoteType.votedUp ? (
<ThumbsUpFilled color="#008376" height={15} width={15} />
<ThumbsUpFilled {...DATA_ASSET_ICON_DIMENSION} />
) : (
<ThumbsUpOutline height={15} width={15} />
<ThumbsUpOutline {...DATA_ASSET_ICON_DIMENSION} />
)
}
loading={loading === QueryVoteType.votedUp}
@ -63,18 +66,9 @@ const Voting = ({ votes, disabled, voteStatus, onUpdateVote }: VotingProps) => {
disabled={disabled}
icon={
voteStatus === QueryVoteType.votedDown ? (
<ThumbsUpFilled
className="rotate-inverse"
color="#E7B85D"
height={15}
width={15}
/>
<ThumbsDownFilled {...DATA_ASSET_ICON_DIMENSION} />
) : (
<ThumbsUpOutline
className="rotate-inverse"
height={15}
width={15}
/>
<ThumbsDownOutline {...DATA_ASSET_ICON_DIMENSION} />
)
}
loading={loading === QueryVoteType.votedDown}

13
openmetadata-ui/src/main/resources/ui/src/components/Glossary/GlossaryHeader/GlossaryHeader.component.tsx
View File

@ -45,7 +45,10 @@ import { EntityHeader } from '../../../components/Entity/EntityHeader/EntityHead
import EntityDeleteModal from '../../../components/Modals/EntityDeleteModal/EntityDeleteModal';
import EntityNameModal from '../../../components/Modals/EntityNameModal/EntityNameModal.component';
import { FQN_SEPARATOR_CHAR } from '../../../constants/char.constants';
import { DE_ACTIVE_COLOR } from '../../../constants/constants';
import {
DATA_ASSET_ICON_DIMENSION,
DE_ACTIVE_COLOR,
} from '../../../constants/constants';
import { EntityAction, EntityType } from '../../../enums/entity.enum';
import { Glossary } from '../../../generated/entity/data/glossary';
import {
@ -530,7 +533,13 @@ const GlossaryHeader = ({
'text-primary border-primary': version,
})}
data-testid="version-button"
icon={<Icon component={VersionIcon} />}
icon={
<Icon
className="vertical-align-text-top"
component={VersionIcon}
style={{ ...DATA_ASSET_ICON_DIMENSION }}
/>
}
onClick={handleVersionClick}>
<Typography.Text
className={classNames('', {

6
openmetadata-ui/src/main/resources/ui/src/constants/constants.ts
View File

@ -565,6 +565,12 @@ export const ICON_DIMENSION = {
fontSize: 14,
};
export const DATA_ASSET_ICON_DIMENSION = {
height: 18,
width: 18,
fontSize: 18,
};
export const COMMON_ICON_STYLES: CSSProperties = {
verticalAlign: 'middle',
};

4
openmetadata-ui/src/main/resources/ui/src/styles/position.less
View File

@ -217,3 +217,7 @@
.vertical-align-inherit {
vertical-align: inherit;
}
.vertical-align-text-top {
vertical-align: text-top;
}