TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-01-04 17:04:59 +03:00
Code Issues Projects Releases Wiki Activity

Updated portal icons

Browse Source 
no refs.
This commit is contained in:
Peter Zimon 2020-09-15 14:37:55 +02:00
parent 51382bbee9
commit 6c1c2ee0f6
7 changed files with 14 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
ghost/portal/src/components/TriggerButton.js
View File

@ -34,7 +34,7 @@ const Styles = ({brandColor, hasText}) => {
right: '28px',
width: '500px',
maxWidth: '500px',
height: '60px',
height: '58px',
boxShadow: '0 3.2px 3.6px rgba(0, 0, 0, 0.024), 0 8.8px 10px rgba(0, 0, 0, 0.035), 0 21.1px 24.1px rgba(0, 0, 0, 0.046), 0 70px 80px rgba(0, 0, 0, 0.07)',
borderRadius: '999px',
animation: '250ms ease 0s 1 normal none running animation-bhegco',
@ -48,8 +48,8 @@ const Styles = ({brandColor, hasText}) => {
color: invertColor
},
buttonIcon: {
width: '26px',
height: '26px',
width: '24px',
height: '24px',
color: invertColor
},
closeIcon: {

7
ghost/portal/src/components/TriggerButton.styles.js
View File

@ -38,6 +38,11 @@ const GlobalStyle = `
overflow: hidden;
user-select: none;
background: var(--brandcolor);
line-height: 1;
}
.gh-portal-triggerbtn-wrapper span {
margin-bottom: 1px;
}
.gh-portal-triggerbtn-container {
@ -47,7 +52,7 @@ const GlobalStyle = `
}
.gh-portal-triggerbtn-container.with-label {
padding: 0 16px 0 20px;
padding: 0 12px 0 16px;
}
.gh-portal-avatar {

2
ghost/portal/src/images/icons/button-icon-1.svg
View File

@ -1 +1 @@
<svg id="Regular" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><style>.cls-1{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.2px;}</style></defs><circle class="cls-1" cx="12" cy="6" r="5.25"/><path class="cls-1" d="M2.25,23.25a9.75,9.75,0,0,1,19.5,0"/></svg>
<svg width="21" height="24" viewBox="0 0 21 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.533 11.267c2.835 0 5.134-2.299 5.134-5.134C15.667 3.298 13.368 1 10.533 1 7.698 1 5.4 3.298 5.4 6.133s2.298 5.134 5.133 5.134zM1 23c0-2.529 1.004-4.953 2.792-6.741 1.788-1.788 4.213-2.792 6.741-2.792 2.529 0 4.954 1.004 6.741 2.792 1.788 1.788 2.793 4.212 2.793 6.74" stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 314 B

After

Width:  |  Height:  |  Size: 463 B

2
ghost/portal/src/images/icons/button-icon-2.svg
View File

@ -1 +1 @@
<svg id="Regular" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><style>.cls-1{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.2px;}</style></defs><path class="cls-1" d="M22.63,14.869,15,22.5l-3.75.75L12,19.5l7.63-7.631a2.116,2.116,0,0,1,2.992,0l.008.009A2.113,2.113,0,0,1,22.63,14.869Z"/><circle class="cls-1" cx="7.5" cy="4.875" r="4.125"/><path class="cls-1" d="M13.338,13.919A6.729,6.729,0,0,0,.75,17.25"/></svg>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2c-.552 0-1 .448-1 1v8H3c-.552 0-1 .448-1 1s.448 1 1 1h8v8c0 .552.448 1 1 1s1-.448 1-1v-8h8c.552 0 1-.448 1-1s-.448-1-1-1h-8V3c0-.552-.448-1-1-1z" fill="#fff"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 470 B

After

Width:  |  Height:  |  Size: 314 B

2
ghost/portal/src/images/icons/button-icon-3.svg
View File

@ -1 +1 @@
<svg id="Regular" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><style>.cls-1{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.2px;}</style></defs><path class="cls-1" d="M9.75,5.25H2.25a1.5,1.5,0,0,0-1.5,1.5v13.5a1.5,1.5,0,0,0,1.5,1.5h19.5a1.5,1.5,0,0,0,1.5-1.5V6.75a1.5,1.5,0,0,0-1.5-1.5h-7.5"/><path class="cls-1" d="M14.25,4.5a2.25,2.25,0,0,0-4.5,0v3a.75.75,0,0,0,.75.75h3a.75.75,0,0,0,.75-.75Z"/><circle class="cls-1" cx="8.25" cy="13.875" r="2.625"/><path class="cls-1" d="M3.75,21.75a4.5,4.5,0,0,1,9,0Z"/><line class="cls-1" x1="14.25" y1="12.75" x2="18.75" y2="12.75"/><line class="cls-1" x1="14.25" y1="15.75" x2="20.25" y2="15.75"/></svg>
<svg width="24" height="18" viewBox="0 0 24 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.75 1.5H2.25c-.828 0-1.5.672-1.5 1.5v12c0 .828.672 1.5 1.5 1.5h19.5c.828 0 1.5-.672 1.5-1.5V3c0-.828-.672-1.5-1.5-1.5zM15.687 6.975L19.5 10.5M8.313 6.975L4.5 10.5" stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M22.88 2.014l-9.513 6.56C12.965 8.851 12.488 9 12 9s-.965-.149-1.367-.426L1.12 2.014" stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 701 B

After

Width:  |  Height:  |  Size: 534 B

2
ghost/portal/src/images/icons/button-icon-4.svg
View File

@ -1 +1 @@
<svg id="Regular" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><style>.cls-1{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.2px;}</style></defs><circle class="cls-1" cx="17.25" cy="17.25" r="6"/><line class="cls-1" x1="17.25" y1="14.25" x2="17.25" y2="20.25"/><line class="cls-1" x1="14.25" y1="17.25" x2="20.25" y2="17.25"/><path class="cls-1" d="M.75,17.25a6.753,6.753,0,0,1,9.4-6.208"/><circle class="cls-1" cx="7.5" cy="4.875" r="4.125"/></svg>
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.5 6v14.25c0 .597-.237 1.169-.659 1.591-.422.422-.994.659-1.591.659s-1.169-.237-1.591-.659c-.422-.422-.659-.994-.659-1.591V3c0-.398-.158-.78-.44-1.06-.28-.282-.662-.44-1.06-.44h-15c-.398 0-.78.158-1.06.44C1.157 2.22 1 2.601 1 3v17.25c0 .597.237 1.169.659 1.591.422.422.994.659 1.591.659h18M4.75 15h10.5M4.75 18h6" stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M14.5 5.25h-9c-.414 0-.75.336-.75.75v4.5c0 .414.336.75.75.75h9c.414 0 .75-.336.75-.75V6c0-.414-.336-.75-.75-.75z" stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 505 B

After

Width:  |  Height:  |  Size: 712 B

2
ghost/portal/src/images/icons/button-icon-5.svg
View File

@ -1 +1 @@
<svg id="Regular" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><style>.cls-1{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.2px;}</style></defs><path class="cls-1" d="M.75,17.25a6.751,6.751,0,0,1,10.517-5.6"/><circle class="cls-1" cx="7.5" cy="4.875" r="4.125"/><path class="cls-1" d="M17.946,11.68,19.488,15h3a.735.735,0,0,1,.518,1.283l-2.6,2.562,1.443,3.314a.786.786,0,0,1-1.119.982l-3.487-1.961-3.486,1.961a.786.786,0,0,1-1.12-.982l1.443-3.314-2.6-2.562A.734.734,0,0,1,11.988,15h3l1.544-3.323A.8.8,0,0,1,17.946,11.68Z"/></svg>
<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.903 12.016c-.332-1.665-1.491-3.032-3.031-3.654M11.037 8.4C9.252 9.163 8 10.935 8 13c0 .432.055.85.158 1.25M10.44 17.296c.748.447 1.624.704 2.56.704 1.71 0 3.22-.858 4.12-2.167M15.171 21.22c3.643-.96 6.329-4.276 6.329-8.22 0-1.084-.203-2.121-.573-3.075M18.611 6.615C17.114 5.3 15.151 4.5 13 4.5c-2.149 0-4.112.797-5.608 2.113M5.112 9.826c-.395.98-.612 2.052-.612 3.174 0 4.015 2.783 7.38 6.526 8.27" stroke="#fff" stroke-width="1.5" stroke-linecap="round"/><path d="M8.924 24.29c1.273.46 2.645.71 4.076.71 5.52 0 10.17-3.727 11.57-8.803M6.712 2.777C3.285 4.89 1 8.678 1 13c0 3.545 1.537 6.731 3.982 8.928M24.849 11.089C23.933 5.369 18.977 1 13 1c-.69 0-1.367.058-2.025.17" stroke="#fff" stroke-width="1.5" stroke-linecap="round"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 586 B

After

Width:  |  Height:  |  Size: 843 B