okay have following list:
<ul class="list-group gutter list-group-lg list-group-sp" ui-sortable="" ng-model="academymodules"> <li class="list-group-item module" style="padding-top: 15px; padding-bottom: 0px;" ng-repeat="module in academymodules" draggable="true"> <div class="clear" ng-if="module.module.module_type_id != null"> <div class="col-md-4 col-xs-10"> <button class="btn btn-s-xs btn-rounded m-r-lg" ng-class="module.module_type.color || module.module.module_type.color" style="padding: 2px 10px; min-width: 90px;">{{module.module_type.name || module.module.module_type.name}} </button> <span class="text text-muted">modul</span> </div> <span class="pull-right"> <a class="btn btn-md pull-right no-padder" ng-really-message="er du sikker du vil slette modulet?" ng-really-click="deletemodule($index, module);"> <i class="fa fa-times text-danger text"></i></a> </span> <div class="col-lg-5 col-xs-11"> <div class="input-group m-b"> <div class="input-group-btn"> <button class="btn btn-info" ng-click="changemodule(module)" data-toggle="modal" data-target="#modal_select_module" style="font-size: 10px;" type="button"><i class="fa fa-plus"></i> skift modul </button> </div> <!-- /btn-group --> <input type="text" class="form-control input-sm" value="{{module.module.name}}" style="height: 27px" disabled=""> </div> </div> </div> <div class="clear" ng-if="module.module.module_type_id == null"> <div class="col-md-4 col-xs-10"> <button class="btn btn-s-xs btn-rounded m-r-lg bg-grey" style="padding: 2px 10px; min-width: 90px;">kursus </button> <span class="text text-muted">modul</span> </div> <span class="pull-right"> <a class="btn btn-md pull-right no-padder" title="" ng-really-message="er du sikker du vil slette kurset?" ng-really-click="deletecourse($index, module);"><i class="fa fa-times text-danger text"></i></a> </span> <div class="col-lg-5 col-xs-11"> <div class="input-group m-b"> <div class="input-group-btn"> <button class="btn btn-info" ng-click="changecourse(module)" data-toggle="modal" data-target="#modal_select_module" style="font-size: 10px;" type="button"><i class="fa fa-edit"></i> ret kursus </button> </div> <!-- /btn-group --> <input type="text" class="form-control input-sm" value="{{module.name}}" style="height: 27px" disabled=""> </div> </div> </div> </li> </ul> this produces list looks this:
now works fine when there few items when list big enough , there scroll drag , drop messes up. when pick item on middle of page scrolls bottom , hard top again!
has tried before or know way fix it?
Comments
Post a Comment