@internetarchive/collection-browser 3.0.1-webdev-7936.0 → 3.0.2-alpha-webdev7960.0

package/src/sort-filter-bar/sort-filter-bar.ts

@@ -1256,7 +1256,7 @@ export class SortFilterBar
           --dropdownSelectedBgColor: rgba(255, 255, 255, 0.3);
           --dropdownHoverBgColor: rgba(255, 255, 255, 0.3);
           --caretHeight: 9px;
-          --caretWidth: 15px;
+          --caretWidth: 12px;
           --caretPadding: 0 5px 0 0;
         }
         ia-dropdown.selected .dropdown-label {

package/src/tiles/grid/collection-tile.ts

@@ -55,7 +55,7 @@ export class CollectionTile extends BaseTileComponent {
 
   private get getTitleTemplate() {
     return html`<div id="title">
-      <h3 class="truncated">${this.model?.title}</h3>
+      <h4 class="truncated">${this.model?.title}</h4>
     </div>`;
   }
 
@@ -123,8 +123,7 @@ export class CollectionTile extends BaseTileComponent {
           flex-grow: initial;
         }
 
-        h4.truncated,
-        h3.truncated {
+        h4.truncated {
           color: ${whiteColor};
         }
 

package/src/tiles/grid/item-tile.ts

@@ -60,9 +60,9 @@ export class ItemTile extends BaseTileComponent {
             ${this.imageBlockTemplate}
 
             <div id="title">
-              <h3 class="truncated" title=${ifDefined(itemTitle)}>
+              <h4 class="truncated" title=${ifDefined(itemTitle)}>
                 ${itemTitle}
-              </h3>
+              </h4>
             </div>
 
             ${this.volumeIssueTemplate}

package/src/tiles/grid/search-tile.ts

@@ -49,7 +49,7 @@ export class SearchTile extends BaseTileComponent {
 
   private get getTitleTemplate() {
     return html`<div id="title">
-      <h3 class="truncated">${this.model?.title}</h3>
+      <h4 class="truncated">${this.model?.title}</h4>
     </div>`;
   }
 
@@ -70,8 +70,7 @@ export class SearchTile extends BaseTileComponent {
           flex-grow: initial;
         }
 
-        h4.truncated,
-        h3.truncated {
+        h4.truncated {
           color: ${whiteColor};
           -webkit-line-clamp: 4;
         }

package/src/tiles/grid/styles/tile-grid-shared-styles.ts

@@ -72,8 +72,7 @@ export const baseTileStyles = css`
     -webkit-box-orient: vertical;
   }
 
-  h4.truncated,
-  h3.truncated {
+  h4.truncated {
     display: -webkit-box;
     margin: 0px;
     line-height: 15px;

package/src/tiles/list/tile-list.ts

@@ -4,7 +4,7 @@ import { join } from 'lit/directives/join.js';
 import { map } from 'lit/directives/map.js';
 import { unsafeHTML } from 'lit/directives/unsafe-html.js';
 import { customElement, property, state } from 'lit/decorators.js';
-import { msg, str } from '@lit/localize';
+import { msg } from '@lit/localize';
 import DOMPurify from 'dompurify';
 
 import type { SortParam } from '@internetarchive/search-service';
@@ -94,11 +94,7 @@ export class TileList extends BaseTileComponent {
       isCollection,
     );
 
-    return html`<a
-      id="image-link"
-      title=${msg(str`View ${this.model?.title}`)}
-      href=${href}
-    >
+    return html`<a href=${href}>
       <image-block
         .model=${this.model}
         .baseImageUrl=${this.baseImageUrl}
@@ -131,11 +127,7 @@ export class TileList extends BaseTileComponent {
   // Data templates
   private get iconRightTemplate() {
     return html`
-      <a
-        id="icon-right"
-        href=${this.mediatypeURL}
-        title=${msg(str`See more: ${this.model?.mediatype}`)}
-      >
+      <a id="icon-right" href=${this.mediatypeURL}>
         <tile-mediatype-icon .model=${this.model}> </tile-mediatype-icon>
       </a>
     `;