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!