Hey, maybe this is just me. But the “Open chat” button makes the page feel chaotic, especially on a phone. It’s chrome, not content, so it belongs at the top.
It’s a really cool feature, it just hurts my eyes.
Hey, maybe this is just me. But the “Open chat” button makes the page feel chaotic, especially on a phone. It’s chrome, not content, so it belongs at the top.
It’s a really cool feature, it just hurts my eyes.
If anyone wants to look into the CSS for this page, I would love to move the “Open Chat” button from the bottom right to the top middle on mobile.
Honestly, I’m not sure it can be done because JS needs to run to make the decision whether it’s mobile or not, right?
This might be achieved with CSS media queries.
They allow specifying CSS, based on screen sizes.
We can test the following CSS, by appending it to the page’s “style” tag. Additional changes might be required. But we can look at those, if this works.
@media (max-width: 500px) {
.gitter-open-chat-button {
top: 10px;
z-index: 1001;
left: 70px;
right: 90px;
border-bottom-left-radius: .5em;
border-bottom-right-radius: .5em;
}
}
That’s helpful, thanks. I’m going to turn off the chat button until I have time to resolve this properly.