Index: lams_central/web/css/groups.css =================================================================== diff -u -r1ba563378355d4a7e3b284cd645460f396989272 -r2b3f2b89c7ae1770e508ca941b7c5c0574e656e8 --- lams_central/web/css/groups.css (.../groups.css) (revision 1ba563378355d4a7e3b284cd645460f396989272) +++ lams_central/web/css/groups.css (.../groups.css) (revision 2b3f2b89c7ae1770e508ca941b7c5c0574e656e8) @@ -8,18 +8,15 @@ .groupContainer { width: 279px; + height: 283px; border: thin dotted var(--bs-secondary); + overflow-y: auto; } .sortUsersButton, .removeGroupButton { cursor: pointer; } -.userContainer { - height: 260px; - overflow-y: auto; -} - #unassignedUserCell .userContainer { height: calc(100% - 10px); overflow-x: auto; @@ -48,7 +45,7 @@ } #newGroupPlaceholder > div { - margin: 130px 0; + margin: 128px 0; } .userContainer .ui-state-disabled { Index: lams_central/web/includes/javascript/groups.js =================================================================== diff -u -r1ba563378355d4a7e3b284cd645460f396989272 -r2b3f2b89c7ae1770e508ca941b7c5c0574e656e8 --- lams_central/web/includes/javascript/groups.js (.../groups.js) (revision 1ba563378355d4a7e3b284cd645460f396989272) +++ lams_central/web/includes/javascript/groups.js (.../groups.js) (revision 2b3f2b89c7ae1770e508ca941b7c5c0574e656e8) @@ -110,17 +110,25 @@ userIds = []; // create user DIVs $.each(users, function(index, userJSON) { - var userDiv = $('
').attr('userId', userJSON.id) + var userDiv = $('') + .attr('userId', userJSON.id) .addClass('draggableItem'); + + new bootstrap.Tooltip(userDiv, { + 'title' : userJSON.login, + 'placement' : 'left' + }); + var portraitDiv = $('').attr({ 'id': 'portrait-'+userJSON.id, }) .addClass('mb-2') .appendTo(userDiv); addPortrait(portraitDiv, userJSON.portraitId, userJSON.id, 'small', true, LAMS_URL ); - $('').text(userJSON.firstName + ' ' + userJSON.lastName + ' (' + userJSON.login + ')') + $('').text(userJSON.firstName + ' ' + userJSON.lastName) .addClass('portrait-sm-lineheight ms-1') .appendTo(userDiv); + // for later use userDivs.push(userDiv);