Kate
Kate
PostsComments
KPCKevin Powell - Community
Created by Kate on 7/31/2023 in #front-end
Whitespace when line-wrapping
Thanks croganm :) Pity there isn't an obvious CSS only solution...
26 replies
KPCKevin Powell - Community
Created by Fourth_quarter on 7/31/2023 in #front-end
Issue with centering button text
ACTUALLY - I'm not thinking properly. Although my previous answer does center the text, it changes the button's display property when that isn't always desired. The solution is simple: 
button.list-record-button {
  justify-content: center;
  align-items: center;
}
button.list-record-button {
  justify-content: center;
  align-items: center;
}
Your button is a flex container. So, just use justify and align to center the contents.
17 replies
KPCKevin Powell - Community
Created by Fourth_quarter on 7/31/2023 in #front-end
Issue with centering button text
I think it's because your button is being displayed as a flex container, because of this line: 
section.section-one > * {
  display: flex;
}
section.section-one > * {
  display: flex;
}
Set your button to use display: block, or something other than flex.
17 replies
KPCKevin Powell - Community
Created by Kate on 7/31/2023 in #front-end
Whitespace when line-wrapping
The element is a tooltip that appears on hover over a card. There are multiple cards per page, with small widths. So the max-width is to remove the chance of the tooltip text overflowing the card's width.
26 replies
KPCKevin Powell - Community
Created by Kate on 7/31/2023 in #front-end
Whitespace when line-wrapping
Thanks! It works, but it's not a preferable fix. If there really isn't anything that can fix it without using min-content and changing the max-width, then so be it :P
26 replies
KPCKevin Powell - Community
Created by Kate on 7/31/2023 in #front-end
Whitespace when line-wrapping
Hi, thanks for the reply :) Unfortunately, breaking words isn't an option either :/ The client is very picky lol
26 replies