OpenCloud
/
riot-web
mirror of https://github.com/vector-im/riot-web
1
0
Fork 0
Code Issues Releases Wiki Activity
riot-web/res/css/components/views/settings/devices/_DeviceTile.pcss

42 lines
778 B
Plaintext
Raw Normal View History

Device manager - New device tile info design (#9122)(PSG-637) * redesign device tile info * test DeviceTile except for broken date mocking * mock dates the nice way, test lastactivity in device tile * tweak spacing style * update comment style in rethemendex * i18n
2022-08-08 08:59:22 +02:00
/*
Change license (#13) * Copyright headers 1 * Licence headers 2 * Copyright Headers 3 * Copyright Headers 4 * Copyright Headers 5 * Copyright Headers 6 * Copyright headers 7 * Add copyright headers for html and config file * Replace license files and update package.json * Update with CLA * lint
2024-09-09 15:57:16 +02:00
Copyright 2024 New Vector Ltd.
Device manager - New device tile info design (#9122)(PSG-637) * redesign device tile info * test DeviceTile except for broken date mocking * mock dates the nice way, test lastactivity in device tile * tweak spacing style * update comment style in rethemendex * i18n
2022-08-08 08:59:22 +02:00
Copyright 2022 The Matrix.org Foundation C.I.C.
Change license (#13) * Copyright headers 1 * Licence headers 2 * Copyright Headers 3 * Copyright Headers 4 * Copyright Headers 5 * Copyright Headers 6 * Copyright headers 7 * Add copyright headers for html and config file * Replace license files and update package.json * Update with CLA * lint
2024-09-09 15:57:16 +02:00
SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
Please see LICENSE files in the repository root for full details.
Device manager - New device tile info design (#9122)(PSG-637) * redesign device tile info * test DeviceTile except for broken date mocking * mock dates the nice way, test lastactivity in device tile * tweak spacing style * update comment style in rethemendex * i18n
2022-08-08 08:59:22 +02:00
*/
.mx_DeviceTile {
display: flex;
flex-direction: row;
align-items: center;
width: 100%;
}
Device manager - device tile main click target (#9409) * change device tile click to toggle details instead of selection * lint * test current device section click * stuck cypress
2022-10-14 13:43:20 +02:00
.mx_DeviceTile_interactive {
cursor: pointer;
}
Device manager - New device tile info design (#9122)(PSG-637) * redesign device tile info * test DeviceTile except for broken date mocking * mock dates the nice way, test lastactivity in device tile * tweak spacing style * update comment style in rethemendex * i18n
2022-08-08 08:59:22 +02:00
.mx_DeviceTile_info {
flex: 1 1 0;
}
.mx_DeviceTile_metadata {
Device manager - label devices as inactive (PSG-638) (#9175) * filter devices by security recommendation * display inactive status on device tile * unify DeviceSecurityVariation type, add correct icon to inactive ui * tidy * avoid dead code warning
2022-08-11 23:39:38 +02:00
margin-top: $spacing-4;
Adjust typography in key part of the app (#11313)
2023-08-01 12:31:21 +02:00
font: var(--cpd-font-body-sm-regular);
Device manager - New device tile info design (#9122)(PSG-637) * redesign device tile info * test DeviceTile except for broken date mocking * mock dates the nice way, test lastactivity in device tile * tweak spacing style * update comment style in rethemendex * i18n
2022-08-08 08:59:22 +02:00
color: $secondary-content;
Device manager - label devices as inactive (PSG-638) (#9175) * filter devices by security recommendation * display inactive status on device tile * unify DeviceSecurityVariation type, add correct icon to inactive ui * tidy * avoid dead code warning
2022-08-11 23:39:38 +02:00
}
.mx_DeviceTile_inactiveIcon {
height: 14px;
margin-right: $spacing-8;
vertical-align: middle;
Device manager - New device tile info design (#9122)(PSG-637) * redesign device tile info * test DeviceTile except for broken date mocking * mock dates the nice way, test lastactivity in device tile * tweak spacing style * update comment style in rethemendex * i18n
2022-08-08 08:59:22 +02:00
}
.mx_DeviceTile_actions {
display: grid;
grid-gap: $spacing-8;
grid-auto-flow: column;
margin-left: $spacing-8;
}