Files
homarr/packages/widgets/src/app/app.module.css
T
Thomas Camlong def3ef8e15 fix: prevent icon selection on mobile when editing dashboard
Add user-select: none and -webkit-touch-callout: none to app icon
to prevent the browser from selecting the image when long-pressing,
which interferes with drag-to-move in edit mode on mobile devices.

Closes #2970
2026-06-14 17:20:46 +02:00

20 lines
369 B
CSS

.appIcon {
max-height: 100%;
max-width: 100%;
overflow: auto;
flex: 1 !important;
object-fit: contain;
scale: 0.8;
transition: scale 0.2s ease-in-out;
user-select: none;
-webkit-touch-callout: none;
}
.appWithUrl:hover > .appIcon {
scale: 0.9;
}
.appWithUrl:hover > div.appIcon {
background-color: var(--mantine-color-iconColor-filled-hover);
}