How to remove the scrollbar? It doen't look good.

[taowang1993]

Self Checks

• [X] This is only for bug report, if you would like to ask a question, please head to Discussions.
• [X] I have searched for existing issues search for existing issues, including closed ones.
• [X] I confirm that I am using English to submit this report (我已阅读并同意 Language Policy).
• [X] [FOR CHINESE USERS] 请务必使用英文提交 Issue，否则会被关闭。谢谢！:）
• [X] Please do not modify this template :) and fill in all the required fields.

Dify version

0.8.2

Cloud or Self Hosted

Cloud, Self Hosted (Docker)

Steps to reproduce

I want to disable the scrollbar, but still be able to scroll. How to achieve this? This doesn't look good.

✔️ Expected Behavior

No response

❌ Actual Behavior

No response

[dosubot[bot]]

I found a similar closed issue that might be relevant to your problem: share chat 页面有横向、纵向滚动条. This issue was resolved by a pull request: fix style in app share ^[1].

To hide the scrollbar while still allowing scrolling, you can use the following CSS:

/* Hide scrollbar for Chrome, Safari and Opera */
.example::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.example {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

Apply this CSS to the relevant container in your chat interface. Replace .example with the appropriate class or ID of the container where you want to hide the scrollbar.

To continue talking to Dosu, mention @dosu.

[taowang1993]

I am referring to the vertical scrollbar

[crazywoola]

Can you paste a full screenshot.

[taowang1993]

Can you paste a full screenshot.

This is the iframe embed chatbot