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

Device manager - selectable device tile wrapper (PSG-637) (#9153)

Browse source 
* add selectabledevicetile wrapper

* set pointer cursor

* line up own device icon with new checkboxes
This commit is contained in:
Kerry 2022-08-09 15:07:25 +02:00 • committed by GitHub
parent 5fbeb20df8
commit 5a9c2e530a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
10 changed files with 255 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

71
test/components/views/settings/devices/__snapshots__/SelectableDeviceTile-test.tsx.snap Normal file
View file

@ -0,0 +1,71 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`<SelectableDeviceTile /> renders selected tile 1`] = `
<input
checked=""
id="device-tile-checkbox-my-device"
type="checkbox"
/>
`;
exports[`<SelectableDeviceTile /> renders unselected device tile with checkbox 1`] = `
<div>
<div
class="mx_SelectableDeviceTile"
>
<span
class="mx_Checkbox mx_SelectableDeviceTile_checkbox mx_Checkbox_hasKind mx_Checkbox_kind_solid"
>
<input
id="device-tile-checkbox-my-device"
type="checkbox"
/>
<label
for="device-tile-checkbox-my-device"
>
<div
class="mx_Checkbox_background"
>
<div
class="mx_Checkbox_checkmark"
/>
</div>
</label>
</span>
<div
class="mx_DeviceTile"
>
<div
class="mx_DeviceTile_info"
>
<div
tabindex="0"
>
<h4
class="mx_Heading_h4"
>
My Device
</h4>
</div>
<div
class="mx_DeviceTile_metadata"
>
·
<span
data-testid="device-metadata-lastSeenIp"
>
123.456.789
</span>
</div>
</div>
<div
class="mx_DeviceTile_actions"
>
<div>
test
</div>
</div>
</div>
</div>
</div>
`;