TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-12-24 19:33:02 +03:00
Code Issues Projects Releases Wiki Activity

Updated callout icon in card menu

Browse Source 
Refs https://github.com/TryGhost/Team/issues/1206
This commit is contained in:
Sanne de Vries 2021-11-15 13:47:28 +01:00
parent a5c0116e0b
commit e2f149ca45
4 changed files with 18 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ghost/admin/lib/koenig-editor/addon/options/cards.js
View File

@ -33,7 +33,7 @@ export const CARD_ICON_MAP = {
gallery: 'koenig/kg-card-type-gallery',
email: 'koenig/kg-card-type-gen-embed',
button: 'koenig/kg-card-type-gen-embed',
callout: 'koenig/kg-card-type-gen-embed',
callout: 'koenig/kg-card-type-callout',
nft: 'koenig/kg-card-type-gen-embed',
toggle: 'koenig/kg-card-type-gen-embed',
'email-cta': 'koenig/kg-card-type-gen-embed',
@ -160,7 +160,7 @@ export const CARD_MENU = [
},
{
label: 'Callout',
icon: 'koenig/kg-card-type-paywall',
icon: 'koenig/kg-card-type-callout',
desc: 'Info boxes that stand out',
matches: ['callout'],
type: 'card',

27
ghost/admin/lib/koenig-editor/public/icons/koenig/kg-card-type-bookmark.svg
View File

@ -1,25 +1,4 @@
<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>kg-card-type-bookmark</title>
<defs>
<rect id="b" width="272" height="499" rx="4"/>
<filter x="-10.3%" y="-4.6%" width="120.6%" height="111.2%" filterUnits="objectBoundingBox" id="a">
<feOffset dy="5" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feGaussianBlur stdDeviation="8.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.09 0" in="shadowBlurOuter1"/>
</filter>
<path id="c" d="M.99 0H19v24H.99z"/>
</defs>
<g fill="none" fill-rule="evenodd">
<g transform="translate(-200 -135)">
<use fill="#000" filter="url(#a)" xlink:href="#b"/>
</g>
<path d="M32 2.667C32 .889 31.111 0 29.333 0H2.667C1.93 0 1.302.26.78.781.261 1.301 0 1.931 0 2.667v26.666C0 31.111.889 32 2.667 32h26.666C31.111 32 32 31.111 32 29.333V2.667z" fill="#fb2d8d"/>
<path stroke-opacity=".012" stroke="#000" stroke-width="0" d="M11 0h24v24H11z"/>
<g transform="translate(13)">
<mask id="d" fill="#fff">
<use xlink:href="#c"/>
</mask>
<path d="M2.998-.01v18.674c-.054.558.175.951.687 1.18.525.2.965.084 1.322-.35l2.689-2.683c.081-.081.18-.122.294-.122.116 0 .214.041.295.122l2.69 2.684c.245.274.552.417.92.428.139 0 .273-.026.401-.078.512-.23.741-.623.687-1.18V-.062l-9.985.05z" fill="#FFF" mask="url(#d)"/>
</g>
</g>
<svg width="32" height="32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M32 2.667C32 .889 31.111 0 29.333 0H2.667C1.93 0 1.302.26.78.781.261 1.301 0 1.931 0 2.667v26.666C0 31.111.889 32 2.667 32h26.666C31.111 32 32 31.111 32 29.333V2.667Z" fill="#FB2D8D"/>
<path d="M15.998-.01v18.674c-.054.558.175.951.687 1.18.525.2.965.084 1.322-.35l2.689-2.683a.404.404 0 0 1 .294-.122c.116 0 .214.041.295.122l2.69 2.684c.245.274.552.417.92.428.139 0 .273-.026.401-.078.512-.23.741-.623.687-1.18V-.062l-9.985.05v.002Z" fill="#fff"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 547 B

10
ghost/admin/lib/koenig-editor/public/icons/koenig/kg-card-type-callout.svg Normal file
View File

@ -0,0 +1,10 @@
<svg width="28" height="28" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="28" height="28" rx="3" fill="#14B8FF"/>
<g fill="#fff">
<path d="M20 11.75a2.242 2.242 0 0 0-1.993-2.225 9.414 9.414 0 0 0-.257 2.225c-.003.749.083 1.496.257 2.224A2.243 2.243 0 0 0 20 11.75ZM13.75 18.433 9.41 17.05l1.973 4.856a1.746 1.746 0 0 0 3.367-.636c.003-.23-.04-.457-.126-.67l-.874-2.167Z"/>
<path d="M19.25 5c-.27 0-.537.048-.79.139L7.046 8.778A2.864 2.864 0 0 0 5 11.75a2.857 2.857 0 0 0 2.025 2.965l11.437 3.646c.253.091.52.138.788.139 2.138 0 3.75-2.902 3.75-6.75S21.388 5 19.25 5Zm0 12C18.188 17 17 14.755 17 11.75s1.188-5.25 2.25-5.25 2.25 2.245 2.25 5.25S20.312 17 19.25 17Z"/>
</g>
<clipPath>
<path fill="#fff" transform="translate(5 5)" d="M0 0h18v18H0z"/>
</clipPath>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 825 B

8
ghost/admin/lib/koenig-editor/public/icons/koenig/kg-card-type-email-cta.svg
View File

@ -5,9 +5,7 @@
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.86 4.255A11.25 11.25 0 0126.47 14.447a.75.75 0 01-1.496.106 9.75 9.75 0 10-10.421 10.42.75.75 0 01-.107 1.496 11.25 11.25 0 01-1.588-22.214z"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.305 8.785a6.75 6.75 0 018.203 3.934.75.75 0 11-1.39.562 5.25 5.25 0 10-6.837 6.835.75.75 0 11-.562 1.39 6.75 6.75 0 01.586-12.72z"/>
</g>
<defs>
<clipPath id="clip0">
<path fill="#fff" transform="translate(4 4)" d="M0 0h24v24H0z"/>
</clipPath>
</defs>
<clipPath id="clip0">
<path fill="#fff" transform="translate(4 4)" d="M0 0h24v24H0z"/>
</clipPath>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 932 B

After

Width:  |  Height:  |  Size: 907 B