time-tracking-dashboard

Community feedback

• 

  mashofa•350

  @mbank14Posted 3 months ago

  Hello, maybe you don't need to use a gradient and can just use a solid color like this:

  &:nth-of-type(1){
   background: var(--color-work);
  }
  

  0

  ---

  

  calvinvin•790

  @calvinvinPosted 3 months ago

  As I said, if I don't use this approach, the dark blue color of div.activity-content cannot fully cover the bottom colors (orange, purple, yellow, ...etc) of the section.activity-card at the border, which may be due to some width calculation issue?

  Any suggestions?

  0

  

  mashofa•350

  @mbank14Posted 3 months ago

  @calvinvin I know where the problem is, because on other cards there is a <p> element that becomes 2 lines, for example "Yesterday - 1hr", and due to the padding, the size of div.activity-content changes.
  Maybe you can try adding min-height: 85% to div.activity-content, or reduce the grid gap.

  Marked as helpful

  1

  

  calvinvin•790

  @calvinvinPosted 3 months ago

  hummmm...I don't get it exactly. The div.activity-content should take up all the remaining height and match the exact bilateral and bottom border of the section.activity-card, irrespective to the padding.

  I tried adding min-height: 85% to div.activity-content, the problem at bottom solved. But that is because the div.activity-content outflowed the bottom of section.activity-card. And the problem at bilateral border persists (still some hair-thin leak of background-color of the section.activity-card).

  For cancelling the grid gap of main.dashboard-wrapper, it didn't make a difference.

  I still favor it's the issue of some length calculating issue at decimal scale. But I don't know how the others deal with it at this scenario.

  Much thanks for your time to help me! :)

  0