From 0f2743e05fbfdccebf101f2782bcc4b258c81095 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Fri, 29 May 2020 11:24:57 +0200
Subject: [PATCH] MOBILE-3438 question: Add DnD a11y border radius

---
 .../component/ddimageortext.scss              | 22 ++++++++++++++++++
 src/addon/qtype/ddwtos/component/ddwtos.scss  | 23 ++++++++++++++++++-
 2 files changed, 44 insertions(+), 1 deletion(-)

diff --git a/src/addon/qtype/ddimageortext/component/ddimageortext.scss b/src/addon/qtype/ddimageortext/component/ddimageortext.scss
index 9523b78ab..2bd859fed 100644
--- a/src/addon/qtype/ddimageortext/component/ddimageortext.scss
+++ b/src/addon/qtype/ddimageortext/component/ddimageortext.scss
@@ -35,6 +35,28 @@ addon-qtype-ddimageortext {
         }
     }
 
+    .group2 {
+        border-radius: 10px 0 0 0;
+    }
+    .group3 {
+        border-radius: 0 10px 0 0;
+    }
+    .group4 {
+        border-radius: 0 0 10px 0;
+    }
+    .group5 {
+        border-radius: 0 0 0 10px;
+    }
+    .group6 {
+        border-radius: 0 10px 10px 0;
+    }
+    .group7 {
+        border-radius: 10px 0 0 10px;
+    }
+    .group8 {
+        border-radius: 10px 10px 10px 10px;
+    }
+
     .drag {
         border: 1px solid $gray-darker;
         color: $text-color;
diff --git a/src/addon/qtype/ddwtos/component/ddwtos.scss b/src/addon/qtype/ddwtos/component/ddwtos.scss
index 30a103686..6bce91256 100644
--- a/src/addon/qtype/ddwtos/component/ddwtos.scss
+++ b/src/addon/qtype/ddwtos/component/ddwtos.scss
@@ -33,7 +33,6 @@ addon-qtype-ddwtos {
     }
     .draghome, .drag.unplaced{
         border: 1px solid $gray-darker;
-        border-radius: 5px;
     }
     .draghome {
         visibility: hidden;
@@ -89,6 +88,28 @@ addon-qtype-ddwtos {
         }
     }
 
+    .group2 {
+        border-radius: 10px 0 0 0;
+    }
+    .group3 {
+        border-radius: 0 10px 0 0;
+    }
+    .group4 {
+        border-radius: 0 0 10px 0;
+    }
+    .group5 {
+        border-radius: 0 0 0 10px;
+    }
+    .group6 {
+        border-radius: 0 10px 10px 0;
+    }
+    .group7 {
+        border-radius: 10px 0 0 10px;
+    }
+    .group8 {
+        border-radius: 10px 10px 10px 10px;
+    }
+
     sub, sup {
         font-size: 80%;
         position: relative;