/* -----------------------------------------------------------------------------
   XSheet Viewer
----------------------------------------------------------------------------- */

/* ScrollAreas (Row, Column and Cell)
----------------------------------------------------------------------------- */

#xsheetArea,
#ScrollArea {
  background-color: @scrollbar-bg-color;
  border: 0;
}

#xsheetScrollArea {	
  border: 0;
}

/* xsheetColumnHeader (Context Menus)
----------------------------------------------------------------------------- */

#xsheetColumnAreaMenu_Preview {	
  background-color: @xsheet-menu-preview-color;
}

#xsheetColumnAreaMenu_Lock {
  background-color: @xsheet-menu-lock-color;	
}

#xsheetColumnAreaMenu_Camstand {
  background-color: @xsheet-menu-camstand-color;	
}

#xsheetColumnAreaMenu_Preview, 
#xsheetColumnAreaMenu_Lock, 
#xsheetColumnAreaMenu_Camstand {
  color: @xsheet-menu-text-color;
}

#noteTextEdit{
  color: @xsheet-notes-text-color;
}

/* XSheet Spreadsheet
----------------------------------------------------------------------------- */

XsheetViewer {
  qproperty-TextColor: @xsheet-text-color;
  qproperty-BGColor: @xsheet-bg-color;
  qproperty-LightLineColor: @xsheet-LightLine-color;
  qproperty-MarkerLineColor: @xsheet-MarkerLine-color;
  qproperty-VerticalLineColor: @xsheet-VerticalLine-color;
  qproperty-VerticalLineHeadColor: @xsheet-VerticalLineHead-color;
  qproperty-PreviewFrameTextColor: @xsheet-PreviewFrameText-color;
  qproperty-CurrentRowBgColor: @xsheet-CurrentRowBG-color;

  qproperty-EmptyColumnHeadColor: @xsheet-EmptyColumnHead-color;
  qproperty-SelectedColumnTextColor: @xsheet-SelectedColumnText-color;

  qproperty-EmptyCellColor: @xsheet-EmptyCell-color;
  qproperty-NotEmptyColumnColor: @xsheet-NotEmptyColumn-color;
  qproperty-SelectedEmptyCellColor: @xsheet-SelectedEmptyCell-color;

  qproperty-LevelColumnColor: @xsheet-LevelColumn-color;
  qproperty-LevelColumnBorderColor: @xsheet-LevelColumnBorder-color;
  qproperty-SelectedLevelColumnColor: @xsheet-SelectedLevelColumn-color;

  qproperty-VectorColumnColor: @xsheet-VectorColumn-color;
  qproperty-VectorColumnBorderColor: @xsheet-VectorColumnBorder-color;
  qproperty-SelectedVectorColumnColor: @xsheet-SelectedVectorColumn-color;

  qproperty-ChildColumnColor: @xsheet-ChildColumn-color;
  qproperty-ChildColumnBorderColor: @xsheet-ChildColumnBorder-color;
  qproperty-SelectedChildColumnColor: @xsheet-SelectedChildColumn-color;

  qproperty-FullcolorColumnColor: @xsheet-FullColorColumn-color;
  qproperty-FullcolorColumnBorderColor: @xsheet-FullColorColumnBorder-color;
  qproperty-SelectedFullcolorColumnColor: @xsheet-SelectedFullColorColumn-color;

  qproperty-FxColumnColor: @xsheet-FxColumn-color;
  qproperty-FxColumnBorderColor: @xsheet-FxColumnBorder-color;
  qproperty-SelectedFxColumnColor: @xsheet-SelectedFxColumn-color;

  qproperty-ReferenceColumnColor: @xsheet-ReferenceColumn-color;
  qproperty-ReferenceColumnBorderColor: @xsheet-ReferenceColumnBorder-color;
  qproperty-SelectedReferenceColumnColor: @xsheet-SelectedReferenceColumn-color;

  qproperty-PaletteColumnColor: @xsheet-PaletteColumn-color;
  qproperty-PaletteColumnBorderColor: @xsheet-PaletteColumnBorder-color;
  qproperty-SelectedPaletteColumnColor: @xsheet-SelectedPaletteColumn-color;

  qproperty-MeshColumnColor: @xsheet-MeshColumn-color;
  qproperty-MeshColumnBorderColor: @xsheet-MeshColumnBorder-color;
  qproperty-SelectedMeshColumnColor: @xsheet-SelectedMeshColumn-color;
  
  qproperty-SoundColumnColor: @xsheet-SoundColumn-color;
  qproperty-SoundColumnBorderColor: @xsheet-SoundColumnBorder-color;
  qproperty-SelectedSoundColumnColor: @xsheet-SelectedSoundColumn-color;
  qproperty-SoundColumnHlColor: @xsheet-SoundColumnHL-color;
  qproperty-SoundColumnTrackColor: @xsheet-SoundColumnTrack-color;
  
  qproperty-ColumnHeadPastelizer: @xsheet-ColumnHeadPastelizer-color;
  qproperty-SelectedColumnHead: @xsheet-SelectedColumnHead-color;

  qproperty-LightLightBGColor: @xsheet-LightLightBG-color;
  qproperty-LightBGColor: @xsheet-LightBG-color;
  qproperty-DarkBGColor: @xsheet-DarkBG-color;
  qproperty-DarkLineColor: @xsheet-DarkLine-color;
}

/* XSheet Toolbar
----------------------------------------------------------------------------- */

#XSheetToolbar {
	margin: 0;
	padding: 0;
	border: 0;
	&::separator:horizontal {
		margin-right: 3px;
		margin-left: 3px;
	}
  & #XSheetToolbarLevelButton {
    &:extend(.button-tool all);
    padding: 2px; 
  }
}

/* -----------------------------------------------------------------------------
   Function Editor
----------------------------------------------------------------------------- */

#FunctionEditor {
  & QToolBar {
    border-bottom: 1px solid @accent;
    & QToolBar {
      border: 0;
    }
    & QLabel {
      margin-left: 5px;
    }
    & QToolButton {
      height: 18px; // gives the key button increased active space
    }
  }
}

#FunctionParametersPanel {
  &:extend(.frame all);
}

#FunctionEditorTree {
  // don't extend all else FunctionTreeView qproperties won't work
  &:extend(.tree-list);
  background-color: @tree-bg-color;
  alternate-background-color: @tree-bg-color;
  border-top: 1px solid @accent;
  &::branch { //
    &:extend(.branch-17 all);
  }
}

/* Function Editor Spreadsheet
----------------------------------------------------------------------------- */

// If a property shares likeness with XSheet then pair them
// XSheet should be considered the master

FunctionTreeView {
  qproperty-TextColor: @function-treeview-text-color;
  qproperty-CurrentTextColor: @function-treeview-text-color-selected;
}

FunctionPanel {
  qproperty-BGColor: @function-panel-bg-color;
  qproperty-ValueLineColor: @function-panel-ValueLine-color;
  qproperty-FrameLineColor: @function-panel-FrameLine-color;
  qproperty-OtherCurvesColor: @function-panel-OtherCurves-color;
  qproperty-RulerBackground: @function-panel-RulerBG-color;
  qproperty-TextColor: @function-panel-Text-color;
  qproperty-SubColor: @function-panel-Sub-color;
  qproperty-SelectedColor: @function-panel-Selected-color;
}

SpreadsheetViewer {
  qproperty-LightLightBGColor: @xsheet-LightLightBG-color; // paired
  qproperty-CurrentRowBgColor: @xsheet-CurrentRowBG-color; // paired
  qproperty-LightLineColor: @xsheet-LightLine-color; // paired
  qproperty-MarkerLineColor: @xsheet-MarkerLine-color; // paired
  qproperty-BGColor: @xsheet-NotEmptyColumn-color; // paired
  qproperty-VerticalLineColor: @xsheet-VerticalLine-color; // paired
  qproperty-KeyFrameColor: @function-KeyFrame-color;
  qproperty-KeyFrameBorderColor: @function-KeyFrameBorder-color;
  qproperty-SelectedKeyFrameColor: @function-SelectedKeyFrame-color;
  qproperty-InBetweenColor: @function-Inbetween-color;
  qproperty-InBetweenBorderColor: @function-InbetweenBorder-color;
  qproperty-SelectedInBetweenColor: @function-SelectedInbetween-color;
  qproperty-SelectedEmptyColor: @xsheet-SelectedEmptyCell-color; // paired
  qproperty-SelectedSceneRangeEmptyColor: @function-SelectedSceneRangeEmpty-color;
  qproperty-TextColor: @xsheet-text-color; // paired
  qproperty-ColumnHeaderBorderColor: @xsheet-VerticalLineHead-color; // paired
  qproperty-SelectedColumnTextColor: @xsheet-SelectedColumnText-color; // paired
}

#FunctionSegmentViewer {
  // Placeholder
}

#ExpressionField {
  background-color: @function-ExpressionFieldBG-color;
	border: 1px solid @function-ExpressionFieldBorder-color;
	margin: 0;
}

#FunctionSegmentViewerLinkButton {
  &:extend(.QPushButton all);
  background-image: url('@{img-url}/segment_unlinked.svg');
  background-repeat: no-repeat;
  &:hover {
    background-repeat: no-repeat;
  }
  &:checked {
    background-image: url('@{img-url}/segment_linked.svg');
    background-repeat: no-repeat;
  }
  &:disabled {
    background-image: url('@{img-url}/segment_disabled.svg');
    background-repeat: no-repeat;
  }
}

// This fixes a Mac specific issue with text clipping and may be temporary
#flipOrientationButton {
  padding: 2px 12px;
}