Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-01-20 22:42:53 -05:00
Code Issues Activity

Added tooltips to larger tab icons when in responsive design for smaller screens

Browse source 
refs https://github.com/TryGhost/Team/issues/2179
This commit is contained in:
James Morris 2022-10-27 17:25:48 +01:00
parent 13fd64ebf7
commit 9888785a09
6 changed files with 9 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
ghost/admin/app/styles/app-dark.css
View file

@ -1456,3 +1456,7 @@ kbd {
.gh-post-activity-feed-footer {
border-color: #17191c;
}
.gh-post-activity-feed .gh-dashboard-list-item:hover {
background: transparent;
}

1
ghost/admin/public/assets/icons/analytics-tab-clicked-large.svg
View file

@ -1,3 +1,4 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<title>Clicked</title>
<path d="M11.85 18.0628L14.4836 16.7571C14.6311 16.684 14.6921 16.5056 14.6203 16.3574L12.75 12.5C12.75 12.5 16.356 10.6476 16.4048 10.5808C16.4654 10.498 16.5058 10.4016 16.5224 10.3003C16.539 10.199 16.5313 10.0959 16.5 10C16.4687 9.90425 16.4148 9.81871 16.3429 9.7511L5.63656 2.03028C5.5505 1.94919 5.4423 1.89712 5.3256 1.88064C5.20889 1.86416 5.08892 1.88398 4.98076 1.93764C4.87261 1.99128 4.78114 2.07635 4.71786 2.18212C4.65459 2.28789 4.62234 2.40962 4.62517 2.53199L4.94543 15.1123C4.94788 15.2144 4.97466 15.3133 5.02338 15.4005C5.07212 15.4876 5.1413 15.5602 5.22479 15.6119C5.30827 15.6635 5.40347 15.6924 5.50196 15.6963C5.60045 15.7002 5.69915 15.6788 5.78932 15.6339L9.35035 13.8675L11.0578 17.7763C11.1228 17.9241 11.2427 18.0373 11.3911 18.091C11.5396 18.1446 11.7045 18.1345 11.85 18.0628Z" stroke="#15171A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 999 B

After

Width:  |  Height:  |  Size: 1,022 B

1
ghost/admin/public/assets/icons/analytics-tab-conversions-large.svg
View file

@ -1,4 +1,5 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<title>Conversions</title>
<path d="M11.8653 10.0361C11.3507 10.2493 10.7991 10.359 10.242 10.359C9.11695 10.359 8.03798 9.91208 7.24245 9.11655C6.44692 8.32102 6 7.24205 6 6.117C6 4.99195 6.44692 3.91298 7.24245 3.11745C8.03798 2.32192 9.11695 1.875 10.242 1.875C10.7991 1.875 11.3507 1.98472 11.8653 2.1979C12.38 2.41108 12.8476 2.72355 13.2415 3.11745C13.6355 3.51136 13.9479 3.97899 14.1611 4.49366C14.3743 5.00832 14.484 5.55993 14.484 6.117C14.484 6.67407 14.3743 7.22568 14.1611 7.74034C13.9479 8.25501 13.6355 8.72264 13.2415 9.11655C12.8476 9.51045 12.38 9.82292 11.8653 10.0361Z" stroke="#15171A" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M2.2832 17.7527C2.68546 16.9995 3.19932 16.3026 3.81412 15.6878C5.45507 14.0469 7.68066 13.125 10.0013 13.125C11.1504 13.125 12.2882 13.3513 13.3498 13.7911C14.4114 14.2308 15.376 14.8753 16.1885 15.6878C16.7988 16.2981 17.3143 16.9941 17.7194 17.7527" stroke="#15171A" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

1
ghost/admin/public/assets/icons/analytics-tab-feedback-large.svg
View file

@ -1,3 +1,4 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<title>Feedback</title>
<path d="M2.99023 15.5882C3.27614 15.7351 3.56302 15.8809 3.85088 16.0258C9.15621 18.707 8.89656 18.1847 13.439 18.1847C15.3353 18.1847 16.2995 16.9507 16.8597 15.1433V15.1317L18.2382 10.5309V10.5221C18.3037 10.3065 18.3177 10.0786 18.279 9.85656C18.2404 9.63457 18.1502 9.42474 18.0157 9.24397C17.8812 9.06319 17.7061 8.91651 17.5045 8.81573C17.303 8.71495 17.0806 8.66289 16.8553 8.66372H13.3106C13.0898 8.66311 12.872 8.61238 12.6737 8.51535C12.4753 8.41832 12.3016 8.27752 12.1655 8.10357C12.0303 7.9294 11.9372 7.72635 11.8935 7.51026C11.8497 7.29417 11.8564 7.07089 11.9132 6.85783L12.5506 3.24448C12.6002 3.05767 12.6047 2.86177 12.5639 2.67286C12.5231 2.48395 12.4381 2.30742 12.3158 2.15774C12.195 2.00966 12.0416 1.89149 11.8676 1.81241C11.6936 1.73334 11.5037 1.69551 11.3127 1.70186C11.1217 1.70821 10.9347 1.75858 10.7664 1.84904C10.5981 1.9395 10.4529 2.0676 10.3421 2.22338L6.80769 8.86502C6.67299 9.05274 6.49562 9.20578 6.2902 9.31153C6.08478 9.41729 5.85717 9.47273 5.62613 9.47331H2.99023M2.99063 8.0147V18.2257" stroke="#15171A" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

1
ghost/admin/public/assets/icons/analytics-tab-opened-large.svg
View file

@ -1,4 +1,5 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<title>Opened</title>
<path d="M9.9988 3.00125C6.77396 2.93073 3.43872 5.85219 1.34189 8.84417C1.1218 9.16093 1 9.57213 1 9.99844C1 10.4248 1.1218 10.836 1.34189 11.1527C3.39312 14.0814 6.71876 17.0703 9.9988 16.9987C13.2788 17.0703 16.6053 14.0814 18.6581 11.1527C18.8782 10.836 19 10.4248 19 9.99844C19 9.57213 18.8782 9.16093 18.6581 8.84417C16.5589 5.85219 13.2236 2.93073 9.9988 3.00125Z" stroke="#15171A" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.3709 9.86678V9.86695C12.3708 10.3958 12.2254 10.9088 11.9583 11.3407C11.6915 11.7722 11.3179 12.0997 10.8913 12.2906C10.4655 12.4812 10.0006 12.5299 9.55271 12.4336C9.10429 12.337 8.68434 12.0973 8.34937 11.7351C8.01387 11.3723 7.78 10.9037 7.68482 10.3861C7.58963 9.86845 7.63895 9.3324 7.82467 8.84775C8.01029 8.36335 8.32133 7.95796 8.7104 7.67692C9.09869 7.39645 9.54887 7.25078 10.0042 7.25078L10.0044 7.25078C10.3073 7.25069 10.6088 7.31506 10.8921 7.44189C11.1755 7.5688 11.4367 7.7565 11.6593 7.99716C11.8819 8.23794 12.0611 8.52669 12.1842 8.84818C12.3073 9.16972 12.3711 9.51599 12.3709 9.86678Z" stroke="#15171A" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

1
ghost/admin/public/assets/icons/analytics-tab-sent-large.svg
View file

@ -1,4 +1,5 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<title>Sent</title>
<path d="M8.38466 14.6419L10.7994 17.0456C10.9476 17.1974 11.1328 17.308 11.3368 17.3663C11.5408 17.4245 11.7565 17.4285 11.9625 17.3779C12.1698 17.3297 12.3612 17.229 12.5183 17.0854C12.6755 16.9419 12.793 16.7603 12.8597 16.5582L16.8252 4.67277C16.908 4.45007 16.925 4.20829 16.8744 3.97617C16.8238 3.74406 16.7075 3.53136 16.5395 3.36336C16.3716 3.19537 16.1589 3.07915 15.9267 3.02851C15.6946 2.97787 15.4528 2.99495 15.2301 3.07771L3.34471 7.04321C3.13563 7.11462 2.94942 7.24057 2.80532 7.40804C2.66122 7.57551 2.56445 7.77843 2.52502 7.99582C2.48432 8.19353 2.49338 8.39825 2.55139 8.59159C2.60939 8.78494 2.71452 8.96084 2.85733 9.1035L5.89238 12.1386L5.79269 15.9822L8.38466 14.6419Z" stroke="#15171A" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M16.467 3.32617L5.88867 12.1433" stroke="#15171A" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1,009 B

After

Width:  |  Height:  |  Size: 1 KiB