2018-05-15 20:16:56 +12:00
|
|
|
/* -----------------------------------------------------------------------------
|
|
|
|
Style Editor
|
|
|
|
----------------------------------------------------------------------------- */
|
|
|
|
|
|
|
|
#StyleEditor {
|
|
|
|
& QPushButton {
|
|
|
|
// temporary fix for channel buttons
|
|
|
|
// that will space them out
|
|
|
|
margin: 2 1;
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
& #TabBarContainer {
|
|
|
|
margin-left: -4; // reset left edge margin
|
|
|
|
}
|
|
|
|
& #bottomWidget {
|
|
|
|
border-top: 1 solid @accent;
|
|
|
|
padding: 3 2 8 3;
|
|
|
|
& QPushButton {
|
|
|
|
// override above margin reset
|
|
|
|
padding: 3 5;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
#StyleEditorTabBar {
|
|
|
|
&::tab {
|
|
|
|
&:extend(.tab-flat all);
|
|
|
|
&::first {
|
|
|
|
// add a border to first item on
|
|
|
|
// the left side due to the spacer
|
|
|
|
// coded in the cpp file
|
|
|
|
border-left: 1 solid @accent;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
#HexagonalColorWheel {
|
|
|
|
qproperty-BGColor: @bg;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* -------------------------------------------------------------------------- */
|
|
|
|
|
|
|
|
/* Horizontal QSlider */
|
|
|
|
|
|
|
|
#colorSlider {
|
|
|
|
&::groove:horizontal {
|
|
|
|
height: 1;
|
|
|
|
border-image: none;
|
|
|
|
}
|
|
|
|
&::handle:horizontal {
|
|
|
|
width: 8;
|
|
|
|
margin: -8 -4;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
#colorSliderAddButton,
|
|
|
|
#colorSliderSubButton {
|
|
|
|
background: none;
|
|
|
|
border-color: transparent;
|
|
|
|
image-position: center center;
|
|
|
|
min-height: 16;
|
|
|
|
padding: 0;
|
|
|
|
min-width: 18;
|
|
|
|
&:hover {
|
|
|
|
&:extend(.button-tool:hover);
|
|
|
|
}
|
|
|
|
&:pressed {
|
|
|
|
&:extend(.button-tool:pressed);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
#colorSliderAddButton {
|
|
|
|
image: url('@{img-url}/scroll-right.svg');
|
|
|
|
}
|
|
|
|
|
|
|
|
#colorSliderSubButton {
|
|
|
|
image: url('@{img-url}/scroll-left.svg');
|
|
|
|
}
|
|
|
|
|
|
|
|
#PlainColorPageParts {
|
|
|
|
border-top: 1 solid @accent;
|
|
|
|
& QLineEdit {
|
|
|
|
max-width: 35;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
#colorSliderLabel,
|
|
|
|
#colorSliderField {
|
|
|
|
// Placeholder
|
|
|
|
}
|
|
|
|
|
|
|
|
/* -----------------------------------------------------------------------------
|
|
|
|
Palette Viewer / Studio Palette
|
|
|
|
----------------------------------------------------------------------------- */
|
|
|
|
|
|
|
|
PaletteViewer {
|
|
|
|
& DvScrollWidget {
|
|
|
|
& QPushButton {
|
|
|
|
border-top: 0;
|
|
|
|
margin-bottom: 1;
|
|
|
|
max-width: 15;
|
|
|
|
min-width: 15;
|
|
|
|
}
|
|
|
|
& #ScrollLeftButton {
|
|
|
|
border-radius: 0;
|
|
|
|
margin-bottom: 1;
|
|
|
|
max-width: 16;
|
|
|
|
min-width: 16;
|
|
|
|
}
|
|
|
|
& #ScrollRightButton {
|
|
|
|
border-radius: 0;
|
|
|
|
margin-left: 1;
|
|
|
|
margin-bottom: 1;
|
|
|
|
max-width: 16;
|
|
|
|
min-width: 16;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
& QToolBar {
|
|
|
|
background: none;
|
|
|
|
border-bottom: 1 solid @accent;
|
|
|
|
padding: 0;
|
|
|
|
margin: 0;
|
|
|
|
&::separator:horizontal {
|
|
|
|
margin: 0; // very compact space
|
|
|
|
// so remove margin
|
|
|
|
}
|
|
|
|
& QToolButton {
|
|
|
|
&:extend(.button-flat all); // use flat button style
|
|
|
|
margin: 0 0 1 0; // adds height to QToolBar
|
|
|
|
padding: 1 1 2 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
#StudioPalette {
|
|
|
|
& QTreeView {
|
|
|
|
&:extend(.tree-list all);
|
|
|
|
&::branch {
|
|
|
|
&:extend(.branch-17 all);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
#PaletteTabBar {
|
|
|
|
&::tab {
|
|
|
|
&:extend(.tab-flat all);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
#PageViewer {
|
|
|
|
qproperty-TextColor: @text-color;
|
|
|
|
}
|
|
|
|
|
|
|
|
#PaletteLockButton {
|
|
|
|
border-radius: 0;
|
|
|
|
margin: 0 0 1 1;
|
|
|
|
&:checked {
|
|
|
|
background-color: @toolbutton-lock-bg-color-checked;
|
|
|
|
border-color: @toolbutton-lock-border-color-checked;
|
|
|
|
&:hover {
|
|
|
|
background-color: @toolbutton-lock-bg-color-checked-hover;
|
|
|
|
border-color: @toolbutton-lock-border-color-checked-hover;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/* -----------------------------------------------------------------------------
|
|
|
|
Quick Renamer
|
|
|
|
----------------------------------------------------------------------------- */
|
|
|
|
|
|
|
|
#WordButton {
|
|
|
|
&:extend(.QPushButton all);
|
|
|
|
// remove horizontal padding
|
|
|
|
// otherwise moderate length text
|
|
|
|
// gets clipped
|
|
|
|
padding-right: 0;
|
|
|
|
padding-left: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
#SolidLineFrame {
|
|
|
|
&:extend(.frame all);
|
|
|
|
}
|