Asset Share Commons の Search Results 画面の サムネイル画像Heightについて

問題点

Asset Share Commons の Search Results 画面の Card View モードでは、サムネイル画像の高さが一律に15emと表示され、見切れている場合もあります。

例えば、アセットのサムネイルの高さが15em超えている場合、

f:id:www0532:20210816161105p:plain

Asset Share Commons の Search Results 画面の Card View モードでは、ほとんどのアセットのサムネイル画像は、見切れて表示されてしまいます。

f:id:www0532:20210816161616p:plain

解決方法

この問題を解決するために、下記2つのクライアントライブラリ資材を改修します。

その1
/apps/asset-share-commons/components/search/results/clientlibs/site/less/card.less

改修前

    .cmp-image--card {
      height: 175px !important;
    }

改修後

    .cmp-image--card {
      height: 100% !important;
    }
その2
/apps/asset-share-commons/clientlibs/clientlib-theme/semanticui-light/themes/light/views/card.overrides

改修前

  .image img {
    <中略>
    max-height: 15em;
  }

改修後

  .image img {
    <中略>
    max-height: auto;
  }

最後に

上記の改修により、Asset Share Commons の Search Results 画面の Card View モードでは、アセットのサムネイル画像が完全に表示されることができました。

f:id:www0532:20210816162437p:plain