streamlit right sidebar
html = """
<style>
.reportview-container {
flex-direction: row-reverse;
}
header > .toolbar {
flex-direction: row-reverse;
left: 1rem;
right: auto;
}
.sidebar .sidebar-collapse-control,
.sidebar.--collapsed .sidebar-collapse-control {
left: auto;
right: 0.5rem;
}
.sidebar .sidebar-content {
transition: margin-right .3s, box-shadow .3s;
}
.sidebar.--collapsed .sidebar-content {
margin-left: auto;
margin-right: -21rem;
}
@media (max-width: 991.98px) {
.sidebar .sidebar-content {
margin-left: auto;
}
}
</style>
"""
st.markdown(html, unsafe_allow_html=True)
st.title("New Sidebar")
st.sidebar.text("I'm here now.")