ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-01-19 03:06:54 +00:00
Code Issues Actions 9 Packages Projects Releases Wiki Activity

[Frontend] Tweaks to splitter dimensions

Browse Source 
Fixes #913
- Tightened up splitter height and width;
- Added hover color for snow theme;
This commit is contained in:
Charles Hacskaylo 2016-06-03 10:00:16 -07:00
parent 808ccd0376
commit 8e0858bb24
2 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
platform/commonUI/themes/espresso/res/sass/_constants.scss
View File

@ -183,13 +183,13 @@ $scrollbarThumbColorOverlay: lighten($colorOvrBg, 10%);
$scrollbarThumbColorOverlayHov: lighten($scrollbarThumbColorOverlay, 2%); $scrollbarThumbColorOverlayHov: lighten($scrollbarThumbColorOverlay, 2%);
// Splitter // Splitter
$splitterD: 25px; // splitterD and $splitterHandleD should both be odd, or even $splitterD: 17px; // splitterD and $splitterHandleD should both be odd, or even
$splitterHandleD: 1px; $splitterHandleD: 1px;
$splitterDSm: 17px; // Smaller splitter, used inside elements like a Timeline view $splitterDSm: 17px; // Smaller splitter, used inside elements like a Timeline view
$colorSplitterBg: rgba(#fff, 0.1); //pullForward($colorBodyBg, 5%); $colorSplitterBg: rgba(#fff, 0.1); //pullForward($colorBodyBg, 5%);
$splitterShdw: rgba(black, 0.4) 0 0 3px; $splitterShdw: rgba(black, 0.4) 0 0 3px;
$splitterEndCr: none; $splitterEndCr: none;
$colorSplitterHover: pullForward($colorBodyBg, 15%); $colorSplitterHover: pullForward($colorBodyBg, 40%);
$colorSplitterActive: $colorKey; $colorSplitterActive: $colorKey;
// Mobile // Mobile

5
platform/commonUI/themes/snow/res/sass/_constants.scss
View File

@ -183,13 +183,12 @@ $scrollbarThumbColorOverlay: darken($colorOvrBg, 50%);
$scrollbarThumbColorOverlayHov: $scrollbarThumbColorHov; $scrollbarThumbColorOverlayHov: $scrollbarThumbColorHov;
// Splitter // Splitter
$splitterD: 24px; // splitterD and $splitterHandleD should both be odd, or even $splitterD: 16px; // splitterD and $splitterHandleD should both be odd, or even
$splitterHandleD: 2px; $splitterHandleD: 2px;
$splitterDSm: 16px; // Smaller splitter, used inside elements like a Timeline view
$colorSplitterBg: pullForward($colorBodyBg, 10%); $colorSplitterBg: pullForward($colorBodyBg, 10%);
$splitterShdw: none; $splitterShdw: none;
$splitterEndCr: none; $splitterEndCr: none;
$colorSplitterHover: none; $colorSplitterHover: pullForward($colorBodyBg, 30%);
$colorSplitterActive: $colorKey; $colorSplitterActive: $colorKey;
// Mobile // Mobile