Sidebar menu items have different indentation if there is a markdown with link tag

Using Streamlit
,
1

main.py

import streamlit as st


href = "https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css"
rel = "stylesheet"
integrity = "sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
crossorigin = "anonymous"
st.markdown(
    f'<link href="{href}" rel="{rel}" integrity="{integrity}" crossorigin="{crossorigin}">',
    unsafe_allow_html=True
)


def main():
    st.write('Streamlit')


if __name__ == '__main__':
    main()

Selecting main.

image
image776×232 4.65 KB

But if you select abc.

image
image772×226 4.06 KB

If I comment out the markdown, selecting main will fix the longer indentation.

Folders

pages/
  abc.py
main.py

Setup

OS: Windows 10
Python: 3.11.7
Streamlit: 1.30.0
2

This topic was automatically closed 180 days after the last reply. New replies are no longer allowed.