The CSS code below changes the height from below to top but not from top to below. I want to decrease the chatbot BOX size from top to below but I am not able to do it.
@media (min-width: 640px) {
watson-float {
top: 0;
right: 0 !important;
}
watson-box {
width: 35vw !important;
height: 95vh !important;
}
message-container {
height: calc(100% – 2.75em) !important;
}
}
I want the size of the box up to the red line in the image.
Top comments (0)