Skip to content

Bucket list actions menu redesign #1467

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Jan 27, 2022
Merged

Bucket list actions menu redesign #1467

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
26 changes: 11 additions & 15 deletions portal-ui/src/icons/DeleteIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,22 +25,18 @@ const DeleteIcon = (props: SVGProps<SVGSVGElement>) => (
viewBox="0 0 256 256"
{...props}
>
<defs>
<clipPath id="prefix__a">
<path d="M0 0h256v256H0z" />
</clipPath>
</defs>
<g clipPath="url(#prefix__a)">
<path fill="none" d="M0 0h256v256H0z" />
<g data-name="Grupo 1557">
<path data-name="Rect\xE1ngulo 826" fill="none" d="M0 0h256v256H0z" />
<path
data-name="Uni\xF3n 10"
d="M71.113 256a37.94 37.94 0 0 1-37.889-37.9V60.906a15.426 15.426 0 0 1-14.227-15.353V29.621a15.423 15.423 0 0 1 15.4-15.4h41.541A15.378 15.378 0 0 1 91.258.003h72.871a15.393 15.393 0 0 1 15.334 14.218h41.531a15.423 15.423 0 0 1 15.4 15.4v15.932a15.426 15.426 0 0 1-14.227 15.353V218.1a37.942 37.942 0 0 1-37.9 37.9Zm-19.605-37.9a19.634 19.634 0 0 0 19.605 19.614h113.164A19.637 19.637 0 0 0 203.89 218.1V60.951H51.507ZM218.117 38.6v-6.1h-56.893V18.278H94.177V32.5H37.286v6.1Z"
/>
</g>
<g id="trash-icn" transform="translate(0 0)">
<path
fill={"currentcolor"}
d="M219.6,16.2h-49.7V8.4c0-3.4-2.7-6.1-6.1-6.1H92.2c-3.4,0-6.1,2.7-6.1,6.1v7.8H36.3
c-3.4,0-6.1,2.8-6.1,6.2V38c0,3.4,2.7,6.1,6.1,6.1h183.3c3.4,0,6.1-2.7,6.1-6.1V22.4C225.8,19,223.1,16.2,219.6,16.2
C219.7,16.2,219.6,16.2,219.6,16.2z"
/>
<path
fill={"currentcolor"}
d="M44.2,225.5c0,15.6,12.7,28.2,28.2,28.2h111.2c15.6-0.1,28.2-12.7,28.2-28.2V58.1H44.2V225.5z"
/>
</g>
</svg>
);

export default DeleteIcon;
24 changes: 11 additions & 13 deletions portal-ui/src/icons/HistoryIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,22 +25,20 @@ const HistoryIcon = (props: SVGProps<SVGSVGElement>) => (
viewBox="0 0 256 256"
{...props}
>
<defs>
<clipPath id="prefix__a">
<path d="M0 0h256v256H0z" />
</clipPath>
</defs>
<g clipPath="url(#prefix__a)">
<path fill="none" d="M0 0h256v256H0z" />
<path data-name="Rect\xE1ngulo 872" fill="none" d="M0 0h256v256H0z" />
<g>
<path
data-name="Trazado 453"
d="m81.488 242.942-22.543-48.346a13.317 13.317 0 0 1 6.49-17.833l48.346-22.538c15.859-7.4 27.115 16.725 11.252 24.122l-18.053 8.418a80.439 80.439 0 0 0 102.75-48.094 80.444 80.444 0 0 0-48.021-102.986A80.441 80.441 0 0 0 58.723 83.71a14.88 14.88 0 0 1-19.068 8.89 14.882 14.882 0 0 1-8.9-19.072 110.238 110.238 0 0 1 141.131-65.81 110.23 110.23 0 0 1 65.809 141.131 110.193 110.193 0 0 1-139.842 66.2l7.762 16.637c4.881 10.461-3.945 18.912-12.646 18.913-4.497.005-8.96-2.252-11.481-7.657Zm75.682-93.834a3.229 3.229 0 0 1-1.561-1.045q-13.8-13.794-27.611-27.593v-.646c.063-12.9.033-25.8.039-38.708a3.459 3.459 0 0 1 .8-2.727 3.477 3.477 0 0 1 2.256-.563c1.682-.02 3.363-.044 5.055-.063a4.066 4.066 0 0 1 3.014.773 4.046 4.046 0 0 1 .811 2.911q.2 13.947-.086 27.9a14.025 14.025 0 0 0 .713 5.9 13.918 13.918 0 0 0 3.219 4.131q10.119 10.053 20.238 20.117a3.339 3.339 0 0 1 1.084 1.623 3.122 3.122 0 0 1-.855 2.3 24.648 24.648 0 0 1-4.822 4.832 3.49 3.49 0 0 1-1.975.881 1.689 1.689 0 0 1-.319-.023Z"
fill={"currentcolor"}
d="M145.4,20C86.3,20.1,38.3,67.6,37.5,126.6L24.8,114c-5.2-5-13.4-4.9-18.5,0.2
c-4.9,5.1-4.9,13.2,0,18.2l37,37c5.1,5.1,13.3,5.2,18.5,0.1c0,0,0.1-0.1,0.1-0.1l37-37c4.9-5.3,4.6-13.5-0.7-18.5
c-5-4.7-12.8-4.7-17.8,0l-13.8,13.8c0.2-43.4,35.4-78.5,78.8-78.5c43.5,0,78.8,35.3,78.8,78.8c0,43.5-35.3,78.8-78.8,78.8
c-8.1,0-14.6,6.5-14.6,14.6s6.5,14.6,14.6,14.6c59.6-0.1,107.8-48.4,107.9-107.9C253.4,68.5,205.1,20.1,145.4,20z"
/>
<path
data-name="Uni\xF3n 13 - Contorno"
d="M92.968 251.103a12.73 12.73 0 0 1-6.744-1.879 13.836 13.836 0 0 1-5.189-6.07l-22.543-48.346a14.085 14.085 0 0 1-1.307-5.259 13.856 13.856 0 0 1 .744-5.241 13.776 13.776 0 0 1 7.295-8l48.346-22.538a14.467 14.467 0 0 1 6.129-1.44 12.56 12.56 0 0 1 8.6 3.438 15.406 15.406 0 0 1 4.545 7.953 13.39 13.39 0 0 1-.756 8.441 12.4 12.4 0 0 1-2.592 3.727 14.978 14.978 0 0 1-4.252 2.91l-16.941 7.9a79.364 79.364 0 0 0 25.85 4.331 79.721 79.721 0 0 0 23.842-3.653 80.4 80.4 0 0 0 21.525-10.468 79.546 79.546 0 0 0 17.619-16.539 79.522 79.522 0 0 0 12.121-21.871 79.941 79.941 0 0 0-47.723-102.346 79.383 79.383 0 0 0-27.23-4.821 79.7 79.7 0 0 0-23.844 3.656 80.393 80.393 0 0 0-21.527 10.471 79.581 79.581 0 0 0-17.621 16.544 79.559 79.559 0 0 0-12.121 21.876 15.272 15.272 0 0 1-5.725 7.4 15.345 15.345 0 0 1-8.729 2.719 15.342 15.342 0 0 1-5.258-.931 15.29 15.29 0 0 1-8.682-7.954 15.289 15.289 0 0 1-.516-11.759 110.23 110.23 0 0 1 16.793-30.3 110.251 110.251 0 0 1 24.412-22.917 111.367 111.367 0 0 1 29.82-14.5A110.409 110.409 0 0 1 134.336.574a110 110 0 0 1 37.721 6.677 110.98 110.98 0 0 1 20.15 9.731A109.94 109.94 0 0 1 209.5 30.145a110.736 110.736 0 0 1 14.162 16.02 111.715 111.715 0 0 1 10.766 18.3 111.8 111.8 0 0 1 7.1 20.011 110.787 110.787 0 0 1 3.168 21.146 109.933 109.933 0 0 1-1.031 21.707 111.107 111.107 0 0 1-5.5 21.691 110.2 110.2 0 0 1-16.783 30.288 110.134 110.134 0 0 1-24.4 22.9 111.325 111.325 0 0 1-29.807 14.487 110.443 110.443 0 0 1-33.014 5.056 110.035 110.035 0 0 1-35.361-5.84l7.264 15.569a12.959 12.959 0 0 1-.525 12.821 15.194 15.194 0 0 1-12.571 6.802Zm26.73-97.771a13.491 13.491 0 0 0-5.707 1.346l-48.346 22.538a12.787 12.787 0 0 0-6.771 7.418 12.867 12.867 0 0 0-.691 4.864 13.1 13.1 0 0 0 1.215 4.887l22.543 48.346a12.851 12.851 0 0 0 4.811 5.644 11.731 11.731 0 0 0 6.217 1.729 14.154 14.154 0 0 0 6.668-1.717 13.6 13.6 0 0 0 5.063-4.624 11.334 11.334 0 0 0 1.787-5.406 13.174 13.174 0 0 0-1.324-6.455l-8.264-17.713 1.121.393a109.092 109.092 0 0 0 36.146 6.168 109.439 109.439 0 0 0 32.715-5.01 110.312 110.312 0 0 0 29.539-14.357 109.081 109.081 0 0 0 24.174-22.69 109.052 109.052 0 0 0 16.631-30.013 109.874 109.874 0 0 0 5.451-21.5 108.833 108.833 0 0 0 1.023-21.509 109.579 109.579 0 0 0-3.141-20.955 110.678 110.678 0 0 0-7.035-19.832 110.7 110.7 0 0 0-10.67-18.138 109.785 109.785 0 0 0-14.033-15.875 108.977 108.977 0 0 0-17.135-13.043 110 110 0 0 0-19.971-9.643 108.984 108.984 0 0 0-37.377-6.616 109.405 109.405 0 0 0-32.729 5.018A110.407 110.407 0 0 0 72.053 20.96a109.231 109.231 0 0 0-24.187 22.709 109.145 109.145 0 0 0-16.641 30.027 14.281 14.281 0 0 0 .48 10.995 14.3 14.3 0 0 0 8.119 7.437 14.322 14.322 0 0 0 4.914.871 14.349 14.349 0 0 0 8.162-2.542 14.256 14.256 0 0 0 5.35-6.919 80.6 80.6 0 0 1 12.275-22.15 80.562 80.562 0 0 1 17.842-16.752 81.393 81.393 0 0 1 21.795-10.6 80.7 80.7 0 0 1 24.143-3.7 80.4 80.4 0 0 1 27.574 4.881 80.946 80.946 0 0 1 48.32 103.627 80.516 80.516 0 0 1-12.275 22.145 80.54 80.54 0 0 1-17.84 16.747 81.4 81.4 0 0 1-21.793 10.6 80.725 80.725 0 0 1-24.141 3.7 80.414 80.414 0 0 1-27.342-4.8l-1.141-.411 1.1-.512 18.053-8.418a13.988 13.988 0 0 0 3.969-2.713 11.409 11.409 0 0 0 2.385-3.426 12.405 12.405 0 0 0 .693-7.815 14.4 14.4 0 0 0-4.248-7.433 11.568 11.568 0 0 0-7.92-3.176Zm37.789-3.694a2.222 2.222 0 0 1-.412-.039 3.621 3.621 0 0 1-1.822-1.184l-11.055-11.048-16.555-16.543-.146-.146v-.853c.045-9.332.043-18.821.039-28V81.114a3.867 3.867 0 0 1 .977-3.107 3.924 3.924 0 0 1 2.57-.683l2.494-.031q1.28-.017 2.564-.032h.344a4.118 4.118 0 0 1 3.029.923 4.436 4.436 0 0 1 .957 3.258 800.73 800.73 0 0 1-.086 27.921 13.773 13.773 0 0 0 .672 5.692 13.532 13.532 0 0 0 3.113 3.975c6.664 6.621 13.439 13.358 19.992 19.874l.244.243a3.8 3.8 0 0 1 1.223 1.882v.006a3.536 3.536 0 0 1-.949 2.694 25.081 25.081 0 0 1-4.92 4.929 3.911 3.911 0 0 1-2.272.98Zm-28.99-29.375 16.406 16.4 11.059 11.05a2.806 2.806 0 0 0 1.3.908 1.17 1.17 0 0 0 .223.021 3.078 3.078 0 0 0 1.672-.779 24.124 24.124 0 0 0 4.725-4.734 2.72 2.72 0 0 0 .766-1.909 2.945 2.945 0 0 0-.945-1.362l-.246-.244c-6.553-6.516-13.328-13.253-19.992-19.874a14.293 14.293 0 0 1-3.326-4.288 14.5 14.5 0 0 1-.754-6.109 798.65 798.65 0 0 0 .086-27.885 3.61 3.61 0 0 0-.662-2.562 3.688 3.688 0 0 0-2.652-.629l-2.566.032-2.492.031a3.051 3.051 0 0 0-1.936.442 3.053 3.053 0 0 0-.627 2.348v10.71c0 9.178.006 18.668-.039 28Z"
fill="rgba(0,0,0,0)"
fill={"currentcolor"}
d="M150.7,81.1c0.2-1.5-0.3-3-1.2-4.2c-1.3-0.9-2.9-1.3-4.4-1.1h-7.4c-1.2-0.1-2.3,0.2-3.3,0.8
c-0.9,1.1-1.4,2.5-1.2,4c0,18.9,0,37.8,0,56.6v0.9l40.4,40.4c0.6,0.7,1.4,1.3,2.3,1.5c1.2,0.1,2.5-0.4,3.4-1.2c2.7-2,5-4.4,7-7.1
c0.9-0.9,1.3-2.1,1.2-3.4c-0.3-0.9-0.8-1.8-1.6-2.4l-29.6-29.4c-1.9-1.7-3.5-3.7-4.7-6c-1-2.8-1.3-5.7-1-8.6
C150.9,108.3,150.9,94.7,150.7,81.1z"
/>
</g>
</svg>
Expand Down
36 changes: 19 additions & 17 deletions portal-ui/src/icons/PreviewIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,28 +19,30 @@ import { SVGProps } from "react";

const PreviewIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
version="1.1"
id="Layer_1"
className={`min-icon`}
fill={"currentcolor"}
viewBox="0 0 256 256"
{...props}
>
<defs>
<clipPath id="prefix__a">
<path d="M0 0h256v256H0z" />
</clipPath>
</defs>
<g clipPath="url(#prefix__a)">
<path fill="none" d="M0 0h256v256H0z" />
<path
data-name="Trazado 408"
d="M251.052 112.324A147.3 147.3 0 0 0 128 46.272 147.3 147.3 0 0 0 4.949 112.324a29.583 29.583 0 0 0 0 32.76A147.3 147.3 0 0 0 128 211.136a147.305 147.305 0 0 0 123.052-66.052 29.585 29.585 0 0 0 0-32.76Zm-17.68 21.08A126.144 126.144 0 0 1 128 189.974a126.144 126.144 0 0 1-105.371-56.57 8.487 8.487 0 0 1 0-9.4A126.144 126.144 0 0 1 128 67.434a126.145 126.145 0 0 1 105.372 56.569 8.488 8.488 0 0 1 0 9.401Z"
/>
<path
data-name="Trazado 409"
d="M128 74.274a54.492 54.492 0 0 0-54.431 54.43A54.492 54.492 0 0 0 128 183.135a54.493 54.493 0 0 0 54.431-54.431A54.493 54.493 0 0 0 128 74.274Zm0 87.7a33.305 33.305 0 0 1-33.268-33.268A33.305 33.305 0 0 1 128 95.439a33.305 33.305 0 0 1 33.263 33.265A33.305 33.305 0 0 1 128 161.972Z"
/>
<path data-name="Rect\xE1ngulo 859" fill="none" d="M0 0h256v256H0z" />
<g>
<defs>
<rect id="SVGID_1_" x="2.6" y="47.4" width="250.4" height="161.2" />
</defs>
<g>
<path
d="M127.8,95.5c-18,0-32.5,14.6-32.5,32.5c0,18,14.6,32.5,32.5,32.5l0,0
c18,0,32.5-14.6,32.5-32.5C160.3,110,145.8,95.5,127.8,95.5"
fill={"currentcolor"}
/>
<path
d="M248.2,112C204.1,45.5,114.5,27.4,48,71.4C31.9,82.1,18.1,95.9,7.5,112
c-6.5,9.7-6.5,22.3,0,32c44.1,66.5,133.7,84.6,200.1,40.5c16.1-10.7,29.9-24.5,40.5-40.5C254.6,134.3,254.6,121.7,248.2,112
M127.8,181.2c-29.4,0-53.2-23.8-53.2-53.2s23.8-53.2,53.2-53.2S181,98.6,181,128l0,0C181,157.4,157.2,181.2,127.8,181.2"
fill={"currentcolor"}
/>
</g>
</g>
</svg>
);
Expand Down
Loading