"Edit Metadata and Images" in Detail screen - Is this duplication intended? FR: Remove it

[sh0rty 714]

Why do we have the ugly little icons next to the Logoart when we have the same setting in the regular Menu? Is this intended? I removed it already with CSS in the WebUI, but in the Windows App it's also present.

FR: Remove the icons next to the Logoart, since the setting is already present in the context menu. Or is there a good reason for that duplication?

[pünktchen 1409]

Although i agree with you, just do not use an admin user for regular playback and you won't have those icons.

[sh0rty 714]

9 hours ago, pünktchen said:

Although i agree with you, just do not use an admin user for regular playback and you won't have those icons.

10 years and I'm still learning something new about it.  Thanks for the info.

Nevertheless, also for admin users, this makes no sense imo. 

[Neminem 1518]

Tbh I use those icons when editing things.

Its 1 click less than having to open 3 dot menu.

[ebr 16169]

It is also more discoverable.

This was a feature request (to have these quick-action buttons) that was implemented.

[user24 313]

I totally agree that the edit icons don't look the best BUT I also use them both very regularly in the web app. So...

The icons can easily be hidden with CSS (which I realize the OP has done something similar already):

button.btnDetailEdit.btnEditMetadata.secondaryText.flex-shrink-zero.paper-icon-button-light {
    display: none;
}
button.btnDetailEdit.btnEditImages.secondaryText.flex-shrink-zero.paper-icon-button-light {
    display: none;
}

 

But, even better still, the icons can be initially hidden and then made to reappear when the cursor hovers over them:

button.btnDetailEdit.btnEditMetadata.secondaryText.flex-shrink-zero.paper-icon-button-light {
    opacity: 0;
    transition: opacity 0.3s ease;
}
button.btnDetailEdit.btnEditMetadata.secondaryText.flex-shrink-zero.paper-icon-button-light:hover {
    opacity: 1;
}
button.btnDetailEdit.btnEditImages.secondaryText.flex-shrink-zero.paper-icon-button-light {
    opacity: 0;
    transition: opacity 0.3s ease;
}
button.btnDetailEdit.btnEditImages.secondaryText.flex-shrink-zero.paper-icon-button-light:hover {
    opacity: 1;
}

I prefer the second option myself - the detail pages look less cluttered, but the shortcuts are still there if needed.

Edited March 1, 2025 by user24