Skip to content

Commit

Permalink
fix: fix icons and tooltip
Browse files Browse the repository at this point in the history
  • Loading branch information
@volishevko
volishevko committed Apr 29, 2024
1 parent 62449fd commit d7ba1b5
Show file tree
Hide file tree
Showing 2 changed files with 19 additions and 36 deletions.
49 changes: 16 additions & 33 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -52,7 +52,7 @@
c2.769,0.502,5.056,1.75,6.865,3.751c1.807,1.999,2.71,4.539,2.71,7.616C254.326,269.095,253.684,271.288,252.394,273.174z"></path>
</symbol>
<symbol viewBox="0 0 24 24" id="share-icon">
<!-- <path d="M13.5 1a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zM11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.499 2.499 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5zm-8.5 4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm11 5.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3z"/>-->
<!-- <path d="M13.5 1a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zM11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.499 2.499 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5zm-8.5 4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm11 5.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3z"/>-->
<path
d="M18,6 L6,12 L18,18"
stroke="#212b36"
Expand All @@ -75,40 +75,23 @@
stroke-linejoin="round"
/>
</symbol >
<symbol viewBox="0 0 24 24" id="time-attack">
<path d="M12 6.72C12 6.47161 12 6.34742 12.0567 6.24546C12.1028 6.1624 12.1921 6.08326 12.2801 6.04738C12.3881 6.00333 12.4981 6.0166 12.7183 6.04315C13.52 6.13981 14.2964 6.39764 15 6.80385C15.9121 7.33046 16.6695 8.08788 17.1962 9C17.7228 9.91212 18 10.9468 18 12C18 13.0532 17.7228 14.0879 17.1962 15C16.6695 15.9121 15.9121 16.6695 15 17.1962C14.0879 17.7228 13.0532 18 12 18C10.9468 18 9.91211 17.7228 9 17.1962C8.29643 16.7899 7.68491 16.2464 7.20036 15.6005C7.0673 15.4231 7.00077 15.3344 6.98491 15.2189C6.97199 15.1247 6.9959 15.0078 7.04475 14.9263C7.10472 14.8263 7.21227 14.7642 7.42739 14.64L11.64 12.2078C11.7711 12.1321 11.8367 12.0943 11.8844 12.0413C11.9266 11.9944 11.9585 11.9392 11.978 11.8793C12 11.8115 12 11.7357 12 11.5843V6.72Z" fill="#222222"/>
<circle cx="12" cy="12" r="8.5" stroke="#222222"/>
</symbol>
<symbol viewBox="0 0 24 24" id="layer-group">
<path d="M17.4 10L21 12L17.4 14M17.4 10L12 13L6.6 10M17.4 10L21 8L12 3L3 8L6.6 10M6.6 10L3 12L6.6 14M17.4 14L21 16L12 21L3 16L6.6 14M17.4 14L12 17L6.6 14" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<symbol viewBox="0 0 24 24" fill="none" id="time-attack">
<path d="M12 6.5C12 6.26077 12 6.14115 12.0807 6.06687C12.1615 5.99259 12.2741 6.002 12.4994 6.02082C13.3784 6.09424 14.2326 6.36078 15 6.80385C15.9121 7.33046 16.6695 8.08788 17.1962 9C17.7228 9.91212 18 10.9468 18 12C18 13.0532 17.7228 14.0879 17.1962 15C16.6695 15.9121 15.9121 16.6695 15 17.1962C14.0879 17.7228 13.0532 18 12 18C10.9468 18 9.91211 17.7228 9 17.1962C8.23258 16.7531 7.57467 16.1466 7.07159 15.4221C6.94265 15.2364 6.87817 15.1435 6.90213 15.0365C6.92608 14.9294 7.02968 14.8696 7.23686 14.75L11.75 12.1443C11.872 12.0739 11.933 12.0387 11.9665 11.9807C12 11.9226 12 11.8522 12 11.7113V6.5Z" fill="#33363F"/>
<circle cx="12" cy="12" r="9" stroke="#33363F" stroke-width="2"/>
</symbol>
<symbol viewBox="0 0 512 512" id="sum-of-sum">
<g>
<g>
<path d="M493.297,159.693c-12.477-30.878-31.231-59.828-56.199-84.792c-24.964-24.967-53.914-43.722-84.792-56.199
C321.426,6.222,288.617,0,255.824,0c-32.748,0-65.497,6.249-96.315,18.744c-30.814,12.49-59.695,31.242-84.607,56.158
c-24.915,24.911-43.668,53.792-56.158,84.607C6.25,190.324,0.001,223.072,0.001,255.821c0,32.795,6.222,65.604,18.701,96.485
c12.477,30.878,31.231,59.829,56.199,84.793c24.964,24.967,53.914,43.722,84.792,56.199c30.882,12.48,63.69,18.701,96.484,18.703
c32.748,0,65.497-6.249,96.315-18.743c30.814-12.49,59.695-31.242,84.607-56.158c24.915-24.912,43.668-53.793,56.158-84.608
c12.494-30.817,18.743-63.565,18.744-96.315C511.999,223.383,505.778,190.575,493.297,159.693z M461.612,339.661
c-10.821,26.683-27.018,51.648-48.659,73.292c-21.643,21.64-46.608,37.837-73.291,48.659
c-26.679,10.818-55.078,16.241-83.484,16.241c-28.477,0-56.947-5.406-83.688-16.214c-26.744-10.813-51.76-27.008-73.441-48.685
c-21.679-21.682-37.874-46.697-48.685-73.442c-10.808-26.741-16.214-55.212-16.213-83.689
c-0.002-28.406,5.422-56.804,16.239-83.483c10.821-26.683,27.018-51.648,48.659-73.291c21.643-21.64,46.608-37.837,73.292-48.659
c26.679-10.818,55.078-16.241,83.484-16.241c28.477,0,56.947,5.405,83.688,16.214c26.744,10.813,51.76,27.007,73.441,48.685
c21.679,21.682,37.873,46.697,48.685,73.441c10.808,26.741,16.214,55.211,16.214,83.688
C477.853,284.583,472.43,312.981,461.612,339.661z"/>
</g>
</g>
<g>
<g>
<path d="M356.24,183.605c9.227,0,16.707-7.48,16.707-16.707v-33.412c0-4.399-1.782-8.703-4.893-11.814s-7.414-4.893-11.814-4.893
H155.761c-6.445,0-12.337,3.728-15.097,9.552c-2.76,5.825-1.915,12.745,2.167,17.734L234.415,256l-91.583,111.937
c-4.082,4.987-4.927,11.909-2.167,17.734c2.76,5.825,8.652,9.552,15.097,9.552H356.24c4.399,0,8.702-1.782,11.814-4.893
s4.893-7.414,4.893-11.814v-33.413c0-9.227-7.48-16.707-16.707-16.707s-16.707,7.48-16.707,16.707v16.707H191.016l77.915-95.229
c5.047-6.168,5.047-14.991,0-21.158l-77.915-95.229h148.517v16.706C339.534,176.124,347.014,183.605,356.24,183.605z"/>
</g>
<symbol viewBox="0 0 24 24" fill="none" id="layer-group">
<rect x="0.5" y="0.5" width="19" height="19" rx="1.5" fill="white" stroke="#BEC4D3"/>
<g clip-path="url(#clip0_108_449)">
<path d="M15.8334 10.5835H11.1667V9.41683H15.8334V10.5835ZM15.8334 7.0835H11.1667V8.25016H15.8334V7.0835ZM11.1667 12.9168H15.8334V11.7502H11.1667V12.9168ZM10.0001 8.25016V11.7502C10.0001 12.3918 9.47508 12.9168 8.83341 12.9168H5.33341C4.69175 12.9168 4.16675 12.3918 4.16675 11.7502V8.25016C4.16675 7.6085 4.69175 7.0835 5.33341 7.0835H8.83341C9.47508 7.0835 10.0001 7.6085 10.0001 8.25016ZM9.12508 11.7502L7.81258 10.0002L6.79175 11.3185L6.06258 10.4377L5.04175 11.7502H9.12508Z" fill="#6F747F"/>
</g>
<defs>
<clipPath id="clip0_108_449">
<rect width="14" height="14" fill="white" transform="translate(3 3)"/>
</clipPath>
</defs>
</symbol>
<symbol viewBox="0 0 12 12" fill="none" id="sum-of-sum">
<path d="M5.99417 9.81484L1.695 6.47234L0.75 7.20734L6 11.2907L11.25 7.20734L10.2992 6.4665L5.99417 9.81484ZM6 8.33317L10.2933 4.99067L11.25 4.24984L6 0.166504L0.75 4.24984L1.70083 4.99067L6 8.33317Z" fill="#6F747F"/>
</symbol>
</svg>

Expand Down
6 changes: 3 additions & 3 deletions sources/views/subviews/gallery/parts/galleryDataview.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -129,8 +129,8 @@ const dataview = {
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#time-attack" class="gallery-icon-use"></use>
</svg>
</span>
<span class="gallery-images-badge">${lesionTimePointImagesCount ?? 0}</span>
<span class="tooltip-block tooltip-block-top" style="display: block">Multiple time points</span>
<span class="gallery-images-badge">${lesionTimePointImagesCount ?? 0}</span>
</div>`;
const modalitiesIconElementClass = lesionModalitiesCount > 0
? "gallery-images-button-elem"
Expand All @@ -141,8 +141,8 @@ const dataview = {
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#layer-group" class="gallery-icon-use"></use>
</svg>
</span>
<span class="gallery-images-badge">${lesionModalitiesCount ?? 0}</span>
<span class="tooltip-block tooltip-block-top" style="display: block">Multiple available modalities</span>
<span class="gallery-images-badge">${lesionModalitiesCount ?? 0}</span>
</div>`;
const totalIconElementClass = lesionImagesCount
? "gallery-images-button-elem"
Expand All @@ -153,8 +153,8 @@ const dataview = {
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#sum-of-sum" class="gallery-icon-use"></use>
</svg>
</span>
<span class="gallery-images-badge">${lesionImagesCount ?? 0}</span>
<span class="tooltip-block tooltip-block-top" style="display: block">Multiple images per lesion</span>
<span class="gallery-images-badge">${lesionImagesCount ?? 0}</span>
</div>`;
const starHtml = obj.hasAnnotations ? "<span class='webix_icon fas fa-star gallery-images-star-icon'></span>" : "";
if (typeof galleryImageUrl.getPreviewImageUrl(obj.isic_id) === "undefined") {
Expand Down

0 comments on commit d7ba1b5

Please sign in to comment.