ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-01-26 22:29:34 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

[Frontend] Tweaks to sass code

Browse Source 
Fixes #1047
- Splitter and mini-tab-icon elements
This commit is contained in:
Charles Hacskaylo 2016-07-27 16:33:25 -07:00
parent 44fda8d68f
commit 18e08074a8
3 changed files with 4 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
platform/commonUI/general/res/sass/_mixins.scss
View File

@ -294,10 +294,9 @@
@function splitterHandleInset($splitterD: 21px, $splitterHandleD: 1px) {
// Space to either side of the handle
@return ($splitterD - $splitterHandleD) * 0.5;
@return ($splitterD - $splitterHandleD) / 2;
}
/*********************************************** CONTROLS, FORM ELEMENTS */
@mixin containerBase($bg: $colorBodyBg, $fg: $colorBodyFg) {

9
platform/commonUI/general/res/sass/user-environ/_layout.scss
View File

@ -147,14 +147,9 @@
}
body.desktop .pane .mini-tab-icon.toggle-pane {
$paneExpandedOffset: splitterHandleInset($splitterD, $splitterHandleD) + $splitterHandleD + $uePaneMiniTabW;
//$paneExpandedOffset: ceil($splitterD / 2) + $splitterHandleDHalf + if($splitterHandleDHalf % 2 != 0, 0px, 0px); //$splitterHandleD; //ceil($splitterD / 2) + ceil($splitterHandleD / 2);
$hi: splitterHandleInset($splitterD, $splitterHandleD);
$paneExpandedOffset: $hi + $splitterHandleD + $uePaneMiniTabW;
top: $bodyMargin + ($ueTopBarH - $uePaneMiniTabH)/2;
/*
* The left anchor is able to move with its parent,
* but the right one can't and must have a anim
* or transition
*/
&.toggle-tree.anchor-left.collapsed,
&.toggle-inspect.anchor-right:not(.collapsed) {

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

@ -193,7 +193,7 @@ $scrollbarThumbColorOverlayHov: $scrollbarThumbColorHov;
// Splitter
// All splitterD* values MUST both be either odd or even numbers
$splitterD: 16px;
$splitterDSm: 14px; // Smaller splitter, used inside elements like a Timeline view
$splitterDSm: 10px; // Smaller splitter, used inside elements like a Timeline view
$splitterHandleD: 2px;
$colorSplitterBaseBg: $colorBodyBg;
$colorSplitterBg: pullForward($colorSplitterBaseBg, 15%);