X-Git-Url: https://git.mdrn.pl/edumed.git/blobdiff_plain/15f8a17d42b8413959e6b0d6b716bac8aca244d4..cff3808d3a8c3ba3330bba7ba0ed300a3cd0a8fd:/catalogue/static/catalogue/css/exercise.scss diff --git a/catalogue/static/catalogue/css/exercise.scss b/catalogue/static/catalogue/css/exercise.scss index e16d7d7..039b088 100755 --- a/catalogue/static/catalogue/css/exercise.scss +++ b/catalogue/static/catalogue/css/exercise.scss @@ -154,6 +154,27 @@ $px: 0.0625em; } .lista { @include list-plain; + counter-reset: answer; + li { + counter-increment: answer; + padding-right: 3em; + background-image: url(/static/img/ornaments/draggable.png); + background-repeat: no-repeat; + background-position: 100% 50%; + } + li:before { + @include bubble; + @include bubble-drag; + content: counter(answer); + float: left; + margin: -.5em 0 0 -3em; + } + li.ui-sortable-placeholder { + counter-increment: answer 0; + } + li.ui-sortable-helper:before { + content: none; + } } } @@ -195,15 +216,21 @@ $px: 0.0625em; .placeholder { @include bubble; + text-align: right; + position:relative; + padding: 8*$px 11*$px; + margin: 0 -11*$px; + } + .multiple { position: absolute; + z-index: -1; top: 0; bottom: 0; left: 0; right: 0; margin: 0; - z-index: -1; - text-align: right; } + .placeholder.dragover { z-index: 1; }