forked from External/greenlight
* Allow Searching for Rooms If a user has a lot of rooms, finding the correct one can be somewhat annoying and it would be great to be able to search for or filter the rooms in the room list. This patch adds a very simple search functionality for this. The search bar is hidden as long as a user has not more than six (two rows in desktop mode) rooms. If the number of rooms exceeds this limit, a search field is shown to quickly filter the list. * Updates Romm Filter Style This patch updates the room filtering according to the review requests. It switches to the same search input style that is used at places like the recording table. This mans, that this also works slightly different since the input now has a clear and a search button. The basic functionality is the same though. Finally, this switches from plain JavaScript to jQuery functions for filtering.
106 lines
2.0 KiB
SCSS
106 lines
2.0 KiB
SCSS
// BigBlueButton open source conferencing system - http://www.bigbluebutton.org/.
|
|
//
|
|
// Copyright (c) 2018 BigBlueButton Inc. and by respective authors (see below).
|
|
//
|
|
// This program is free software; you can redistribute it and/or modify it under the
|
|
// terms of the GNU Lesser General Public License as published by the Free Software
|
|
// Foundation; either version 3.0 of the License, or (at your option) any later
|
|
// version.
|
|
//
|
|
// BigBlueButton is distributed in the hope that it will be useful, but WITHOUT ANY
|
|
// WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A
|
|
// PARTICULAR PURPOSE. See the GNU Lesser General Public License for more details.
|
|
//
|
|
// You should have received a copy of the GNU Lesser General Public License along
|
|
// with BigBlueButton; if not, see <http://www.gnu.org/licenses/>.
|
|
|
|
#users-table {
|
|
.user-role {
|
|
color: white !important;
|
|
}
|
|
|
|
.user-email {
|
|
max-width: 250px;
|
|
}
|
|
}
|
|
|
|
#clear-search, #clear-room-search {
|
|
z-index: 9;
|
|
position: absolute;
|
|
right: 55px;
|
|
top: 8px;
|
|
|
|
&:hover {
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
|
|
.room-search {
|
|
margin: 50px 0 25px 0;
|
|
}
|
|
|
|
.tag i {
|
|
color: white !important;
|
|
}
|
|
|
|
#branding-image{
|
|
z-index: auto;
|
|
}
|
|
|
|
.authentication-required{
|
|
padding-top: 2px;
|
|
}
|
|
|
|
#site_settings {
|
|
.colorinput-color {
|
|
text-align: center;
|
|
padding-top: 4px;
|
|
height: 2rem;
|
|
width: 2rem;
|
|
}
|
|
}
|
|
|
|
.sort-disabled{
|
|
background: #e6e6e6 !important;
|
|
color: rgb(110, 118, 135) !important;
|
|
opacity: 0.75;
|
|
&:hover{
|
|
opacity: 0.9;
|
|
}
|
|
}
|
|
|
|
.form-disable{
|
|
background-color: #e6e6e6;
|
|
}
|
|
|
|
.role-colour-picker{
|
|
color: white !important;
|
|
}
|
|
|
|
.custom-role-tag{
|
|
color: white !important;
|
|
// Make it consistent with the manage users tab tags
|
|
padding-top: 1px;
|
|
padding-bottom: 1px;
|
|
}
|
|
|
|
.user-role-tag{
|
|
color: white !important;
|
|
}
|
|
|
|
#manage-users-nav.nav-tabs .nav-item {
|
|
margin-bottom: -1px;
|
|
}
|
|
|
|
#merge-account-arrow {
|
|
position: absolute;
|
|
top: 47%;
|
|
right: 47%;
|
|
z-index: 999;
|
|
background: white;
|
|
}
|
|
|
|
.admin-tabs {
|
|
justify-content: space-around;
|
|
}
|