ironman
KPCKevin Powell - Community
•Created by ironman on 9/8/2023 in #front-end
Absolute overlap
i added a code pen
5 replies
KPCKevin Powell - Community
•Created by ironman on 9/2/2023 in #front-end
Button way to the right
lame
10 replies
KPCKevin Powell - Community
•Created by ironman on 9/2/2023 in #front-end
Button way to the right
ahhh
10 replies
KPCKevin Powell - Community
•Created by ironman on 9/2/2023 in #front-end
Button way to the right
it was cause the width of the button was %%%%
10 replies
KPCKevin Powell - Community
•Created by ironman on 9/2/2023 in #front-end
Button way to the right
i did it bro
10 replies
KPCKevin Powell - Community
•Created by ironman on 9/2/2023 in #front-end
Button way to the right
however the left one is fine
10 replies
KPCKevin Powell - Community
•Created by ironman on 9/2/2023 in #front-end
Button way to the right
I tried to wrap it in a div to center it, making it absolute and etc however it's like the width 100% of the orignal container is overflowing
10 replies
KPCKevin Powell - Community
•Created by ironman on 9/2/2023 in #front-end
Button way to the right
10 replies
KPCKevin Powell - Community
•Created by ironman on 8/27/2023 in #front-end
New line in a paragraph, expanding height
thx tho il try it
24 replies
KPCKevin Powell - Community
•Created by ironman on 8/27/2023 in #front-end
New line in a paragraph, expanding height
i would want the height of the whole container to expand
24 replies
KPCKevin Powell - Community
•Created by ironman on 8/27/2023 in #front-end
New line in a paragraph, expanding height
this is just inside the message-container
24 replies
KPCKevin Powell - Community
•Created by ironman on 8/27/2023 in #front-end
New line in a paragraph, expanding height
24 replies
KPCKevin Powell - Community
•Created by ironman on 8/27/2023 in #front-end
New line in a paragraph, expanding height
.messages {
width: 19rem;
min-width: 100%;
height: 100%;
overflow-y: scroll;
overflow-x: hidden;
// border: solid 1px black;
display: flex;
flex-direction: column-reverse;
.messagebody {
position: relative;
display: flex;
align-items: center;
width: 100%;
box-sizing: border-box;
min-height: 11%;
padding: 0 3rem;
margin-top: 0.8rem;
// overflow-wrap: break-word;
word-break: break-all;
max-height: auto;
.messagetext-container {
display: flex;
width: 100%;
.messagetext {
border: solid black 1px;
padding: 0.18rem 0.3rem;
border-radius: 5px;
min-width: 3rem;
max-width: 5.8rem;
min-height: 1rem;
max-height: 100rem;
}
}
.text-right {
text-align: right;
justify-content: flex-end;
}
.text-left {
text-align: left;
justify-content: flex-start;
}
.messageabout {
display: flex;
flex-direction: column;
align-items: center;
position: absolute;
.messageuser {
font-size: 0.8rem;
}
.messagetimestamp {
font-size: 0.7rem;
}
}
.about-left {
left: 0;
}
.about-right {
right: 0;
}
}
}
24 replies
KPCKevin Powell - Community
•Created by ironman on 8/27/2023 in #front-end
New line in a paragraph, expanding height
i have the max-height set to auto in the same component
24 replies
KPCKevin Powell - Community
•Created by ironman on 8/27/2023 in #front-end
New line in a paragraph, expanding height
24 replies
KPCKevin Powell - Community
•Created by ironman on 8/27/2023 in #front-end
New line in a paragraph, expanding height
the second one i manually added spaces
24 replies
KPCKevin Powell - Community
•Created by ironman on 8/27/2023 in #front-end
New line in a paragraph, expanding height
24 replies
KPCKevin Powell - Community
•Created by ironman on 8/27/2023 in #front-end
New line in a paragraph, expanding height
i tried max width and its working however i have it not expanding height
24 replies