ahtlon/deck
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Use server select2 styles

Browse Source
This commit is contained in:
Julius Haertl
2017-02-01 18:51:47 +01:00
parent e05c2469b4
commit 9f61417a58
2 changed files with 5 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
css/style.css
View File

@@ -707,88 +707,8 @@ button:hover {
margin-top: -5px; margin-top: -5px;
margin-right: 10px; margin-right: 10px;
} }
.ui-select-offscreen {
.ui-select-container.dropdown { display: none;
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;
} }
@media (max-width: 480px) { @media (max-width: 480px) {

7
templates/part.board.sidebarView.php
View File

@@ -17,16 +17,15 @@
<div class="tabsContainer"> <div class="tabsContainer">
<div id="commentsTabView" class="tab commentsTabView" ng-if="status.boardtab==0 || !status.boardtab"> <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...')); ?>"> <ui-select-match placeholder="<?php p($l->t('Select users...')); ?>">
<span><i class="icon icon-{{$item.type}}"></i> {{ $item.participant }}</span> <span><i class="icon icon-{{$item.type}}"></i> {{ $item.participant }}</span>
</ui-select-match> </ui-select-match>
<ui-select-choices refresh="searchForUser($select.search)" <ui-select-choices refresh="searchForUser($select.search)" refresh-delay="0" repeat="sharee in boardservice.sharees">
refresh-delay="0" repeat="sharee in boardservice.sharees">
<span><i class="icon icon-{{sharee.type}}"></i> {{ sharee.participant }}</span> <span><i class="icon icon-{{sharee.type}}"></i> {{ sharee.participant }}</span>
</ui-select-choices> </ui-select-choices>
<ui-select-no-choice> <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-no-choice>
</ui-select> </ui-select>