Update: Show number and visited checkmark when using pin images for H…

…ot Graphic #338 (#538)
adaptlearning · Jan 9, 2025 · ac5cd5f · ac5cd5f
1 parent b886dfe
commit ac5cd5f
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/less/plugins/adapt-contrib-hotgraphic/hotgraphic.less b/less/plugins/adapt-contrib-hotgraphic/hotgraphic.less
@@ -34,6 +34,20 @@
     text-align: center;
   }
 
+  // Hotgraphic with pin images
+  // --------------------------------------------------
+  &__pin.has-pin-image &__pin-number,
+  &__pin.has-pin-image.is-visited .icon {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background-color: @visited;
+    color: @visited-inverted;
+    border-radius: 50%;
+    height: @icon-size * 2;
+    width: @icon-size * 2;
+  }
+
   // Hotgraphic as tiles
   // --------------------------------------------------
   &__tile.is-visited .icon {