Style for multiple placeholders in exercises.

diff --git a/catalogue/static/catalogue/css/exercise.css b/catalogue/static/catalogue/css/exercise.css
index decaef5..dc5ab1b 100644 (file)
--- a/catalogue/static/catalogue/css/exercise.css
+++ b/catalogue/static/catalogue/css/exercise.css
@@ -163,14 +163,18 @@
       .przyporzadkuj .predicate > li .subjects .placeholder {
         border-radius: 0.688em;
         padding: 0.5em 0.688em;
       .przyporzadkuj .predicate > li .subjects .placeholder {
         border-radius: 0.688em;
         padding: 0.5em 0.688em;

+        text-align: right;
+        position: relative;
+        padding: 0.5em 0.688em;
+        margin: 0 -0.688em; }
+      .przyporzadkuj .predicate > li .subjects .multiple {

         position: absolute;
         position: absolute;

+        z-index: -1;

         top: 0;
         bottom: 0;
         left: 0;
         right: 0;
         top: 0;
         bottom: 0;
         left: 0;
         right: 0;

-        margin: 0;
-        z-index: -1;
-        text-align: right; }
+        margin: 0; }

       .przyporzadkuj .predicate > li .subjects .placeholder.dragover {
         z-index: 1; }
       .przyporzadkuj .predicate > li .subjects .placeholder:after {
       .przyporzadkuj .predicate > li .subjects .placeholder.dragover {
         z-index: 1; }
       .przyporzadkuj .predicate > li .subjects .placeholder:after {

diff --git a/catalogue/static/catalogue/css/exercise.scss b/catalogue/static/catalogue/css/exercise.scss
index 035aa2a..039b088 100755 (executable)
--- a/catalogue/static/catalogue/css/exercise.scss
+++ b/catalogue/static/catalogue/css/exercise.scss
@@ -216,15 +216,21 @@ $px: 0.0625em;
 
                 .placeholder {
                     @include bubble;
 
                 .placeholder {
                     @include bubble;

+                    text-align: right;
+                    position:relative;
+                    padding: 8*$px 11*$px;
+                    margin: 0 -11*$px;
+                }
+                .multiple {

                     position: absolute;
                     position: absolute;

+                    z-index: -1;

                     top: 0;
                     bottom: 0;
                     left: 0;
                     right: 0;
                     margin: 0;
                     top: 0;
                     bottom: 0;
                     left: 0;
                     right: 0;
                     margin: 0;

-                    z-index: -1;
-                    text-align: right;

                 }
                 }

+                

                 .placeholder.dragover {
                     z-index: 1;
                 }
                 .placeholder.dragover {
                     z-index: 1;
                 }