search

n8design / htwoo

hTWOo - a better Fluent UI framework.
http://my.n8d.at/hTWOo
MIT License
91 stars 9 forks source link

Longer title causes the card to expand #21

Closed waldekmastykarz closed 3 years ago

waldekmastykarz commented 3 years ago

Describe the bug

Longer title causes the card to expand beyond its intended size

To Reproduce

<div class="hoo-doccard">
  <div class="hoo-cardimage i01DRMMVCVXY2OIVW2225HINW7ZWVKUDJ2L"><img
      src="blob:http://localhost:8080/9d9fe997-d0b5-451b-bd48-2493f225f2b4" width="320" height="180" alt=""></div>
  <div class="hoo-cardlocation i01DRMMVCVXY2OIVW2225HINW7ZWVKUDJ2L">Documents</div>
  <div class="hoo-cardtitle">Electronics Store Trends in International Markets.pptx</div>
  <div class="hoo-cardfooter">
    <div class="hoo-avatar i01DRMMVCVXY2OIVW2225HINW7ZWVKUDJ2L"><img
        src="blob:http://localhost:8080/7851ec35-2ffa-4684-a595-e012ecb45a18" alt="" class="hoo-avatar-img"
        loading="lazy"></div>
    <div class="hoo-cardfooter-data">
      <div class="hoo-cardfooter-name">Miriam Graham</div>
      <div class="hoo-cardfooter-modified">07/02/2021, 10:27:20</div>
    </div>
  </div>
</div>

Expected behavior

Longer title either wraps or is cut with an ellipsis.

Screenshots

Intended (above) vs. long title (below)

image

Desktop (please complete the following information):

StfBauer commented 3 years ago

Will be fixed soon!

StfBauer commented 3 years ago

@waldekmastykarz fixed in v.0.4.0-beta1