Change the "running" widget position!

We decided to change the position of ā€œrunning/processingā€ widget because is not visible to users that donā€™t know the Streamlit.

Here are the example how is:

The code used:


def runningToggle(bool):
  if bool == True:
    hide_streamlit_style = """
              <style>

              div[class='css-4z1n4l ehezqtx5']{
                background: rgba(0, 0, 0, 0.3);
                color: #fff;
                border-radius: 15px;
                height: 40px;
                max-width: 160px;


                position: fixed;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                width: 50%;
              }

              </style>
              """
    streamlit.markdown(hide_streamlit_style, unsafe_allow_html=True) 
4 Likes

Ohhh, thatā€™s smart. Thanks for sharing the idea and the code!

Thanks Sebastian!

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