How to make View Fullscreen for image to be always visible

I want this button to be always visible and doesn’t require hovering over the image.

Hi @intolighter,

This might have unintended consequences, but here is a minimal example of how to accomplish this by inserting some CSS

import streamlit as st

st.image("https://placekitten.com/500/300")

st.markdown(
    """
<style>
button {
    opacity: 1 !important;
    transform: scale(1) !important;
}
</style>
""",
    unsafe_allow_html=True,
)

Thanks, the idea is great. But it would be better to apply style by constraining selector button[title="View fullscreen"]

1 Like