Photo Browser shows a border-radius on Desktop

I’m noticing on desktop Chrome that the Photo Browser applies a border-radius. I would rather it not do that.


Does anyone know what style I need to override to remove the radius? I tried finding it but was not successful.


Are you using Photo Browser with popup?

Maybe is this attribute border-radius: var(–f7-popup-border-radius);

.popup {
        position: absolute;
        left: 0;
        top: 0px;
        width: 100%;
        height: 100%;
        display: none;
        box-sizing: border-box;
        transition-property: transform;
        transform: translate3d(0,100vh,0);
        background: #fff;
        z-index: 11000;
        overflow: hidden;
        border-radius: var(--f7-popup-border-radius); /*try change this attribute */
1 Like

Thanks! I put in the following CSS and it fixed it.

.photo-browser-popup { border-radius: 0; }
1 Like