imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Device manager - device list filtering (PSG-648) (#9181)

Browse source 
* add device filtering

* improve dropdown styling

* test device filtering

* update type imports

* fix types

* security card margin

* more specific type for onFilterOptionChange
This commit is contained in:
Kerry 2022-08-16 16:05:10 +02:00 • committed by GitHub
parent aa9191bc34
commit 6f2c761fb4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
11 changed files with 529 additions and 43 deletions
Download patch file Download diff file Expand all files Collapse all files

2
res/css/components/views/settings/devices/_DeviceSecurityCard.pcss
View file

@ -64,7 +64,7 @@ limitations under the License.
margin: 0 0 $spacing-4 0;
}
.mx_DeviceSecurityCard_description {
margin: 0 0 $spacing-8 0;
margin: 0;
font-size: $font-12px;
color: $secondary-content;
}

36
res/css/components/views/settings/devices/_FilteredDeviceList.pcss
View file

@ -15,9 +15,45 @@ limitations under the License.
*/
.mx_FilteredDeviceList {
.mx_Dropdown {
flex: 1 0 80px;
}
}
.mx_FilteredDeviceList_header {
display: flex;
flex-direction: row;
align-items: center;
box-sizing: border-box;
width: 100%;
height: 48px;
padding: 0 $spacing-16;
margin-bottom: $spacing-32;
background-color: $system;
border-radius: 8px;
color: $secondary-content;
}
.mx_FilteredDeviceList_headerLabel {
flex: 1 1 100%;
}
.mx_FilteredDeviceList_list {
list-style-type: none;
display: grid;
grid-gap: $spacing-16;
margin: 0;
padding: 0 $spacing-8;
}
.mx_FilteredDeviceList_securityCard {
margin-bottom: $spacing-32;
}
.mx_FilteredDeviceList_noResults {
width: 100%;
text-align: center;
margin-bottom: $spacing-32;
}