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.