Use server select2 styles

css/style.css

@@ -707,88 +707,8 @@ button:hover {
 	margin-top: -5px;
 	margin-right: 10px;
 }
-
-.ui-select-container.dropdown {
-	background: #ffffff;
-	border-radius: 0px;
-	box-shadow: none;
-	display: block;
-	margin-right: 0;
-	position: static;
-	width: 100%;
-	z-index: auto;
-	padding: 3px;
-}
-
-.ui-select-match-close {
-	float: right;
-	left: -20px;
-	margin-top: 3px;
-	z-index: 100;
-	position: relative;
-}
-
-.ui-select-match-item {
-	padding: 2px;
-	float: left;
-	display: block;
-	margin-right: -17px !important;
-}
-
-.ui-select-match-item .select-label {
-	padding: 4px;
-	color: #fff;
-	padding-right: 23px;
-}
-
-.ui-select-container {
-	background-color: #fafafa !important;
-	border: 1px solid #fafafa;
-
-}
-
-.ui-select-container.open {
-	border: 1px solid #aaaaaa;
-}
-
-.ui-select-container input.ui-select-search {
-	padding: 0px !important;
-	margin: 2px !important;
-	background-color: transparent;
-	border: none;
-}
-
-.ui-select-bootstrap .ui-select-choices-row > a {
-	padding: 3px !important;
-}
-
-.ui-select-choices-row-inner {
-	margin-bottom: 2px;
-	width: 100%;
-	padding: 0;
-}
-
-.ui-select-choices-row-inner span {
-	padding: 3px;
-	padding-left: 10px;
-	padding-right: 10px;
-	width: 100%;
-}
-
-/* ui-select disabled */
-.ui-select-container[disabled] {
-	overflow: hidden;
-}
-
-.ui-select-container[disabled] .ui-select-match-item .select-label {
-	padding: 4px;
-	min-width: 26px !important;
-	height: 100%;
-	display: inline-block;
-}
-
-.ui-select-container[disabled] .ui-select-match-item {
-	margin-right: 0px !important;
+.ui-select-offscreen {
+	display: none;
 }
 
 @media (max-width: 480px) {

templates/part.board.sidebarView.php

@@ -17,16 +17,15 @@
 <div class="tabsContainer">
     <div id="commentsTabView" class="tab commentsTabView" ng-if="status.boardtab==0 || !status.boardtab">
 
-        <ui-select ng-if="boardservice.canShare()" ng-model="status.addSharee" theme="bootstrap" style="width:100%;" title="Choose a user to assign" placeholder="Assign users ..." on-select="aclAdd(status.addSharee)">
+        <ui-select ng-if="boardservice.canShare()" ng-model="status.addSharee" theme="select2" style="width:100%;" title="Choose a user to assign" placeholder="Assign users ..." on-select="aclAdd(status.addSharee)">
             <ui-select-match placeholder="<?php p($l->t('Select users...')); ?>">
                 <span><i class="icon icon-{{$item.type}}"></i> {{ $item.participant }}</span>
             </ui-select-match>
-            <ui-select-choices refresh="searchForUser($select.search)"
-                               refresh-delay="0" repeat="sharee in boardservice.sharees">
+            <ui-select-choices refresh="searchForUser($select.search)" refresh-delay="0" repeat="sharee in boardservice.sharees">
                 <span><i class="icon icon-{{sharee.type}}"></i> {{ sharee.participant }}</span>
             </ui-select-choices>
             <ui-select-no-choice>
-            <?php p($l->t('Dang!  We couldn\'t find any choices...')); ?>
+            <?php p($l->t('No users found.')); ?>
             </ui-select-no-choice>
         </ui-select>