Change Details

Current implementation of thumbnail area in [[ https://doc.wikimedia.org/oojs-ui/master/demos/#widgets-mediawiki-ltr | SelectFileWidget with drop area ]] (as of OOjs UI v0.17.1) includes a few user interface approaches, that we should reconsider: [] Uploaded images get `background-size: contain` applied, which can lead to dissatisfying or confusing appearance of images for the user (see below) [] Thumbnail size (currently `5.5em` width and height which is rendered at default zoom level as `70.391px` should best possibly be aligned with sizes elsewhere [] Thumbnail position with no margin to the drop area border can result in bad appearance.

Current implementation of thumbnail area in [[ https://doc.wikimedia.org/oojs-ui/master/demos/#widgets-mediawiki-ltr | SelectFileWidget with drop area ]] (as of OOjs UI v0.17.1) includes a few user interface approaches, that we should reconsider: [] Uploaded images get `background-size: contain` applied, which can lead to dissatisfying or confusing appearance of images for the user (see below) [] Thumbnail size (currently `5.5em` width and height which is rendered at default zoom level as `70.391px` should best possibly be aligned with sizes elsewhere and probably increased [] Thumbnail position with no margin to the drop area border can result in bad appearance. Current appearance: {F3979517 size=full} {F3979520 size=full}

Current implementation of thumbnail area in [[ https://doc.wikimedia.org/oojs-ui/master/demos/#widgets-mediawiki-ltr | SelectFileWidget with drop area ]] (as of OOjs UI v0.17.1) includes a few user interface approaches, that we should reconsider: [] Uploaded images get `background-size: contain` applied, which can lead to dissatisfying or confusing appearance of images for the user (see below) [] Thumbnail size (currently `5.5em` width and height which is rendered at default zoom level as `70.391px` should best possibly be aligned with sizes elsewhere and probably increased [] Thumbnail position with no margin to the drop area border can result in bad appearance. Current appearance: {F3979517 size=full} {F3979520 size=full}