Bubbles should preserver width when dragged.
authorRadek Czajka <radoslaw.czajka@nowoczesnapolska.org.pl>
Tue, 12 Feb 2013 08:45:49 +0000 (09:45 +0100)
committerRadek Czajka <radoslaw.czajka@nowoczesnapolska.org.pl>
Tue, 12 Feb 2013 08:46:04 +0000 (09:46 +0100)
catalogue/static/catalogue/css/exercise.css
catalogue/static/catalogue/css/exercise.scss

index 774f797..3325f90 100644 (file)
   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; }
       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;
index 9342b90..cf7bfc3 100755 (executable)
@@ -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;