sorb/ThreadNet-Web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 4 Wiki Activity

Device manager - design tweaks (#9768)

Browse Source 
* hover style on dropdown

* hover states

* device details spacing

* device details h3 -> h4

* missing fullstops

* update snapshots for new copy

* device details expand icon bigger

* hide current session security card when details expanded

* filter dropdown padding and hover state

* update cypress selector for device detail heading
This commit is contained in:
Kerry
2022-12-20 01:17:05 +00:00
committed by GitHub
parent 2152f2ab8b
commit 0485b74acb
16 changed files with 76 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files
res/css/components/views/settings/devices/_DeviceExpandDetailsButton.pcss
+10 -2
View File
@@ -23,17 +23,25 @@ limitations under the License.
color: $secondary-content;
--icon-transform: rotate(-90deg);
&:hover {
background: $quinary-content;
}
}
.mx_DeviceExpandDetailsButton.mx_DeviceExpandDetailsButton_expanded {
--icon-transform: rotate(0deg);
background: $system;
&:hover {
background: $quinary-content;
}
}
.mx_DeviceExpandDetailsButton_icon {
height: 12px;
width: 12px;
height: 16px;
width: 16px;
transition: all 0.3s;
transform: var(--icon-transform);