Bubbles should preserver width when dragged.

diff --git a/catalogue/static/catalogue/css/exercise.css b/catalogue/static/catalogue/css/exercise.css
index 774f797..3325f90 100644 (file)
--- a/catalogue/static/catalogue/css/exercise.css
+++ b/catalogue/static/catalogue/css/exercise.css
@@ -107,7 +107,8 @@
   background-color: #d4d6d8;
   color: #363a3e;
   cursor: pointer;
   background-color: #d4d6d8;
   color: #363a3e;
   cursor: pointer;

-  z-index: 2; }
+  z-index: 2;
+  width: 38.625em; }

 .przyporzadkuj .question-piece.disabled {
   background-color: #eee;
   color: #d4d6d8; }
 .przyporzadkuj .question-piece.disabled {
   background-color: #eee;
   color: #d4d6d8; }


@@ -132,6 +133,8 @@
       position: relative;
       margin: 0.5em -0.688em -0.5em -0.688em;
       padding: 0.5em 0.688em; }
       position: relative;
       margin: 0.5em -0.688em -0.5em -0.688em;
       padding: 0.5em 0.688em; }

+      .przyporzadkuj .predicate > li .subjects li {
+        width: auto; }

       .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;

diff --git a/catalogue/static/catalogue/css/exercise.scss b/catalogue/static/catalogue/css/exercise.scss
index 9342b90..cf7bfc3 100755 (executable)
--- a/catalogue/static/catalogue/css/exercise.scss
+++ b/catalogue/static/catalogue/css/exercise.scss
@@ -160,6 +160,7 @@ $px: 0.0625em;
 .przyporzadkuj {
     .question-piece {
         @include bubble-drag;
 .przyporzadkuj {
     .question-piece {
         @include bubble-drag;

+        width: 618*$px;

     }
     .question-piece.disabled {
         @include bubble-drag-disabled;
     }
     .question-piece.disabled {
         @include bubble-drag-disabled;


@@ -183,6 +184,10 @@ $px: 0.0625em;
                 margin: 8*$px -11*$px -8*$px -11*$px;
                 padding: 8*$px 11*$px;
 
                 margin: 8*$px -11*$px -8*$px -11*$px;
                 padding: 8*$px 11*$px;
 

+                li {
+                    width: auto;
+                }
+

                 .placeholder {
                     @include bubble;
                     position: absolute;
                 .placeholder {
                     @include bubble;
                     position: absolute;