ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-06-15 13:48:12 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

Improvements to reduce repainting (#5876)

Browse Source
This commit is contained in:
Charles Hacskaylo
2023-03-17 13:07:57 -07:00
committed by GitHub
parent 8831b75c5d
commit a3c5450205
36 changed files with 211 additions and 163 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/plugins/displayLayout/components/display-layout.scss
View File

@ -86,7 +86,7 @@
*[s-selected-parent] {
> .l-layout {
// When main shell layout is the parent
@include displayMarquee(deeppink);
@include displayMarquee(deeppink); // TEMP
}
> * > * > * {
// When a sub-layout is the parent

20
src/plugins/displayLayout/components/layout-frame.scss
View File

@ -45,18 +45,15 @@
// Has-complex-content objects
.c-so-view.has-complex-content {
transition: $transOut;
transition-delay: $moveBarOutDelay;
@include transition($prop: transform, $dur: $transOutTime, $delay: $moveBarOutDelay);
> .c-so-view__local-controls {
transition: transform 250ms ease-in-out;
transition-delay: $moveBarOutDelay;
@include transition($prop: transform, $dur: 250ms, $delay: $moveBarOutDelay);
}
+ .c-frame__move-bar {
display: none;
}
}
.l-layout {
@ -65,13 +62,11 @@
> .l-layout__frame {
> .c-so-view.has-complex-content {
> .c-so-view__local-controls {
transition: transform $transOutTime ease-in-out;
transition-delay: $moveBarOutDelay;
@include transition($prop: transform, $dur: $transOutTime, $delay: $moveBarOutDelay);
}
+ .c-frame__move-bar {
transition: $transOut;
transition-delay: $moveBarOutDelay;
@include transition($prop: height, $delay: $moveBarOutDelay);
@include userSelectNone();
background: $editFrameMovebarColorBg;
box-shadow: rgba(black, 0.3) 0 2px;
@ -103,18 +98,17 @@
&:hover {
> .c-so-view.has-complex-content {
transition: $transIn;
transition: $transInTransform;
transition-delay: 0s;
> .c-so-view__local-controls {
transform: translateY($editFrameMovebarH);
transition: transform $transInTime ease-in-out;
@include transition(height, $transOutTime);
transition-delay: 0s;
}
+ .c-frame__move-bar {
transition: $transIn;
transition-delay: 0s;
@include transition(height);
height: $editFrameMovebarH;
}
}