Commit b4bc19f8 by Matjaz Gregoric

Prevent drag item hover styles on touch devices.

It can be confusing when the outline is drawn around the item that you
just tapped, even though the item is not draggable at that point.
parent 6af15539
...@@ -726,3 +726,12 @@ ...@@ -726,3 +726,12 @@
background-color: #ffffff; background-color: #ffffff;
color: #000000; color: #000000;
} }
/* Prevent mobile browsers from emulating hover effects on item tap, which can be confusing. */
@media (hover: none) {
.xblock--drag-and-drop .drag-container .option[draggable='true']:hover {
outline: none;
box-shadow: none;
}
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment