diff --git a/platform/commonUI/themes/espresso/res/sass/_constants.scss b/platform/commonUI/themes/espresso/res/sass/_constants.scss index 1ab6d734f3..1c4087eaec 100644 --- a/platform/commonUI/themes/espresso/res/sass/_constants.scss +++ b/platform/commonUI/themes/espresso/res/sass/_constants.scss @@ -183,12 +183,13 @@ $scrollbarThumbColorOverlay: lighten($colorOvrBg, 10%); $scrollbarThumbColorOverlayHov: lighten($scrollbarThumbColorOverlay, 2%); // Splitter -$splitterD: 25px; // splitterD and HandleD should both be odd, or even +$splitterD: 17px; // splitterD and $splitterHandleD should both be odd, or even $splitterHandleD: 1px; +$splitterDSm: 17px; // Smaller splitter, used inside elements like a Timeline view $colorSplitterBg: rgba(#fff, 0.1); //pullForward($colorBodyBg, 5%); $splitterShdw: rgba(black, 0.4) 0 0 3px; $splitterEndCr: none; -$colorSplitterHover: pullForward($colorBodyBg, 15%); +$colorSplitterHover: pullForward($colorBodyBg, 40%); $colorSplitterActive: $colorKey; // Mobile diff --git a/platform/commonUI/themes/snow/res/sass/_constants.scss b/platform/commonUI/themes/snow/res/sass/_constants.scss index f85b5c328f..292358078a 100644 --- a/platform/commonUI/themes/snow/res/sass/_constants.scss +++ b/platform/commonUI/themes/snow/res/sass/_constants.scss @@ -183,12 +183,12 @@ $scrollbarThumbColorOverlay: darken($colorOvrBg, 50%); $scrollbarThumbColorOverlayHov: $scrollbarThumbColorHov; // Splitter -$splitterD: 24px; +$splitterD: 16px; // splitterD and $splitterHandleD should both be odd, or even $splitterHandleD: 2px; $colorSplitterBg: pullForward($colorBodyBg, 10%); $splitterShdw: none; $splitterEndCr: none; -$colorSplitterHover: none; +$colorSplitterHover: pullForward($colorBodyBg, 30%); $colorSplitterActive: $colorKey; // Mobile diff --git a/platform/features/timeline/res/sass/_timelines.scss b/platform/features/timeline/res/sass/_timelines.scss index 006fccfbd9..8a59aef5f4 100644 --- a/platform/features/timeline/res/sass/_timelines.scss +++ b/platform/features/timeline/res/sass/_timelines.scss @@ -23,6 +23,13 @@ .l-timeline-holder { @include absPosDefault(); + &.split-layout { + >.splitter { + // Top of splitter within Timelines should be 0 + top: 0; + } + } + .l-header { @include user-select(none); cursor: default; @@ -58,7 +65,7 @@ } &.l-tabular-r { // Start, end, duration, activity modes columns - @include scrollH(); + @include scrollH(scroll); left: $timelineTabularTitleW; .l-width { @include absPosDefault(0, visible); @@ -304,11 +311,6 @@ } } - .splitter { - // Top of splitter within Timelines should be 0 - top: 0; - } - // Ticks .l-ticks, .l-subticks { @@ -331,4 +333,4 @@ &:hover { background-color: $colorItemTreeHoverBg; } -} \ No newline at end of file +}