Tidy QGroupBox Style
Fix alignment, fix indicator style, add padding.
This commit is contained in:
parent
4a76fd864f
commit
3f89ed093f
9 changed files with 89 additions and 85 deletions
|
@ -347,14 +347,17 @@ QSlider {
|
|||
|
||||
QGroupBox {
|
||||
border: 1px solid @m_baseTxtColor;
|
||||
.set_margin( 5px, 5px );
|
||||
margin: 6px 0 0 0;
|
||||
.set_padding(3px, 5px);
|
||||
|
||||
&::title {
|
||||
subcontrol-origin: margin;
|
||||
padding: 0px;
|
||||
margin-top: -4px;
|
||||
/*bottom: 3px;*/
|
||||
left: 15px;
|
||||
margin-top: -2px;
|
||||
.set_padding(5px, 0px);
|
||||
}
|
||||
&::indicator {
|
||||
&:extend(QCheckBox::indicator all);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -302,7 +302,8 @@ QCheckBox:hover {
|
|||
QCheckBox:disabled {
|
||||
color: #808080;
|
||||
}
|
||||
QCheckBox::indicator {
|
||||
QCheckBox::indicator,
|
||||
QGroupBox::indicator {
|
||||
background-color: #161616;
|
||||
border-style: inset;
|
||||
border-left-color: #000000;
|
||||
|
@ -311,7 +312,8 @@ QCheckBox::indicator {
|
|||
border-bottom-color: #525252;
|
||||
border-width: 2px;
|
||||
}
|
||||
QCheckBox::indicator:disabled {
|
||||
QCheckBox::indicator:disabled,
|
||||
QGroupBox::indicator:disabled {
|
||||
background-color: #3d3d3d;
|
||||
border-style: inset;
|
||||
border-left-color: #191919;
|
||||
|
@ -319,10 +321,12 @@ QCheckBox::indicator:disabled {
|
|||
border-right-color: #656565;
|
||||
border-bottom-color: #797979;
|
||||
}
|
||||
QCheckBox::indicator:checked {
|
||||
QCheckBox::indicator:checked,
|
||||
QGroupBox::indicator:checked {
|
||||
image: url("../gray_072/imgs/check_indicator.png");
|
||||
}
|
||||
QCheckBox::indicator:checked:disabled {
|
||||
QCheckBox::indicator:checked:disabled,
|
||||
QGroupBox::indicator:checked:disabled {
|
||||
image: url("../gray_072/imgs/check_indicator_disabled.png");
|
||||
}
|
||||
QSlider::groove:horizontal {
|
||||
|
@ -350,10 +354,7 @@ QSlider::handle:horizontal {
|
|||
}
|
||||
QGroupBox {
|
||||
border: 1px solid #e6e6e6;
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
margin: 6px 0 0 0;
|
||||
padding-left: 3px;
|
||||
padding-right: 3px;
|
||||
padding-top: 5px;
|
||||
|
@ -361,10 +362,12 @@ QGroupBox {
|
|||
}
|
||||
QGroupBox::title {
|
||||
subcontrol-origin: margin;
|
||||
padding: 0px;
|
||||
margin-top: -4px;
|
||||
/*bottom: 3px;*/
|
||||
left: 15px;
|
||||
margin-top: -2px;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
padding-top: 0px;
|
||||
padding-bottom: 0px;
|
||||
}
|
||||
QSplitter::handle {
|
||||
background-color: #707070;
|
||||
|
@ -1415,5 +1418,3 @@ QDialog #dialogButtonFrame {
|
|||
border-right-color: white;
|
||||
border-bottom-color: white;
|
||||
}
|
||||
|
||||
//# sourceMappingURL=gray_048.qss.map
|
|
@ -302,7 +302,8 @@ QCheckBox:hover {
|
|||
QCheckBox:disabled {
|
||||
color: #808080;
|
||||
}
|
||||
QCheckBox::indicator {
|
||||
QCheckBox::indicator,
|
||||
QGroupBox::indicator {
|
||||
background-color: #161616;
|
||||
border-style: inset;
|
||||
border-left-color: #000000;
|
||||
|
@ -311,7 +312,8 @@ QCheckBox::indicator {
|
|||
border-bottom-color: #525252;
|
||||
border-width: 2px;
|
||||
}
|
||||
QCheckBox::indicator:disabled {
|
||||
QCheckBox::indicator:disabled,
|
||||
QGroupBox::indicator:disabled {
|
||||
background-color: #3d3d3d;
|
||||
border-style: inset;
|
||||
border-left-color: #191919;
|
||||
|
@ -319,10 +321,12 @@ QCheckBox::indicator:disabled {
|
|||
border-right-color: #656565;
|
||||
border-bottom-color: #797979;
|
||||
}
|
||||
QCheckBox::indicator:checked {
|
||||
QCheckBox::indicator:checked,
|
||||
QGroupBox::indicator:checked {
|
||||
image: url("../gray_072/imgs/check_indicator.png");
|
||||
}
|
||||
QCheckBox::indicator:checked:disabled {
|
||||
QCheckBox::indicator:checked:disabled,
|
||||
QGroupBox::indicator:checked:disabled {
|
||||
image: url("../gray_072/imgs/check_indicator_disabled.png");
|
||||
}
|
||||
QSlider::groove:horizontal {
|
||||
|
@ -350,10 +354,7 @@ QSlider::handle:horizontal {
|
|||
}
|
||||
QGroupBox {
|
||||
border: 1px solid #e6e6e6;
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
margin: 6px 0 0 0;
|
||||
padding-left: 3px;
|
||||
padding-right: 3px;
|
||||
padding-top: 5px;
|
||||
|
@ -361,10 +362,12 @@ QGroupBox {
|
|||
}
|
||||
QGroupBox::title {
|
||||
subcontrol-origin: margin;
|
||||
padding: 0px;
|
||||
margin-top: -4px;
|
||||
/*bottom: 3px;*/
|
||||
left: 15px;
|
||||
margin-top: -2px;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
padding-top: 0px;
|
||||
padding-bottom: 0px;
|
||||
}
|
||||
QSplitter::handle {
|
||||
background-color: #707070;
|
||||
|
@ -1415,5 +1418,3 @@ QDialog #dialogButtonFrame {
|
|||
border-right-color: white;
|
||||
border-bottom-color: white;
|
||||
}
|
||||
|
||||
//# sourceMappingURL=gray_048_mac.qss.map
|
|
@ -345,14 +345,17 @@ QSlider {
|
|||
|
||||
QGroupBox {
|
||||
border: 1px solid @m_baseTxtColor;
|
||||
.set_margin( 5px, 5px );
|
||||
margin: 6px 0 0 0;
|
||||
.set_padding(3px, 5px);
|
||||
|
||||
&::title {
|
||||
subcontrol-origin: margin;
|
||||
padding: 0px;
|
||||
margin-top: -4px;
|
||||
/*bottom: 3px;*/
|
||||
left: 15px;
|
||||
margin-top: -2px;
|
||||
.set_padding(5px, 0px);
|
||||
}
|
||||
&::indicator {
|
||||
&:extend(QCheckBox::indicator all);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -302,7 +302,8 @@ QCheckBox:hover {
|
|||
QCheckBox:disabled {
|
||||
color: #505050;
|
||||
}
|
||||
QCheckBox::indicator {
|
||||
QCheckBox::indicator,
|
||||
QGroupBox::indicator {
|
||||
background-color: #2f2f2f;
|
||||
border-style: inset;
|
||||
border-left-color: #060606;
|
||||
|
@ -311,7 +312,8 @@ QCheckBox::indicator {
|
|||
border-bottom-color: #676767;
|
||||
border-width: 2px;
|
||||
}
|
||||
QCheckBox::indicator:disabled {
|
||||
QCheckBox::indicator:disabled,
|
||||
QGroupBox::indicator:disabled {
|
||||
background-color: #555555;
|
||||
border-style: inset;
|
||||
border-left-color: #2d2d2d;
|
||||
|
@ -319,10 +321,12 @@ QCheckBox::indicator:disabled {
|
|||
border-right-color: #797979;
|
||||
border-bottom-color: #8d8d8d;
|
||||
}
|
||||
QCheckBox::indicator:checked {
|
||||
QCheckBox::indicator:checked,
|
||||
QGroupBox::indicator:checked {
|
||||
image: url("imgs/check_indicator.png");
|
||||
}
|
||||
QCheckBox::indicator:checked:disabled {
|
||||
QCheckBox::indicator:checked:disabled,
|
||||
QGroupBox::indicator:checked:disabled {
|
||||
image: url("imgs/check_indicator_disabled.png");
|
||||
}
|
||||
QSlider::groove:horizontal {
|
||||
|
@ -350,10 +354,7 @@ QSlider::handle:horizontal {
|
|||
}
|
||||
QGroupBox {
|
||||
border: 1px solid #e6e6e6;
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
margin: 6px 0 0 0;
|
||||
padding-left: 3px;
|
||||
padding-right: 3px;
|
||||
padding-top: 5px;
|
||||
|
@ -361,10 +362,12 @@ QGroupBox {
|
|||
}
|
||||
QGroupBox::title {
|
||||
subcontrol-origin: margin;
|
||||
padding: 0px;
|
||||
margin-top: -4px;
|
||||
/*bottom: 3px;*/
|
||||
left: 15px;
|
||||
margin-top: -2px;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
padding-top: 0px;
|
||||
padding-bottom: 0px;
|
||||
}
|
||||
QSplitter::handle {
|
||||
background-color: #888888;
|
||||
|
@ -1415,5 +1418,3 @@ QDialog #dialogButtonFrame {
|
|||
border-right-color: white;
|
||||
border-bottom-color: white;
|
||||
}
|
||||
|
||||
//# sourceMappingURL=gray_072.qss.map
|
|
@ -302,7 +302,8 @@ QCheckBox:hover {
|
|||
QCheckBox:disabled {
|
||||
color: #505050;
|
||||
}
|
||||
QCheckBox::indicator {
|
||||
QCheckBox::indicator,
|
||||
QGroupBox::indicator {
|
||||
background-color: #2f2f2f;
|
||||
border-style: inset;
|
||||
border-left-color: #060606;
|
||||
|
@ -311,7 +312,8 @@ QCheckBox::indicator {
|
|||
border-bottom-color: #676767;
|
||||
border-width: 2px;
|
||||
}
|
||||
QCheckBox::indicator:disabled {
|
||||
QCheckBox::indicator:disabled,
|
||||
QGroupBox::indicator:disabled {
|
||||
background-color: #555555;
|
||||
border-style: inset;
|
||||
border-left-color: #2d2d2d;
|
||||
|
@ -319,10 +321,12 @@ QCheckBox::indicator:disabled {
|
|||
border-right-color: #797979;
|
||||
border-bottom-color: #8d8d8d;
|
||||
}
|
||||
QCheckBox::indicator:checked {
|
||||
QCheckBox::indicator:checked,
|
||||
QGroupBox::indicator:checked {
|
||||
image: url("imgs/check_indicator.png");
|
||||
}
|
||||
QCheckBox::indicator:checked:disabled {
|
||||
QCheckBox::indicator:checked:disabled,
|
||||
QGroupBox::indicator:checked:disabled {
|
||||
image: url("imgs/check_indicator_disabled.png");
|
||||
}
|
||||
QSlider::groove:horizontal {
|
||||
|
@ -350,10 +354,7 @@ QSlider::handle:horizontal {
|
|||
}
|
||||
QGroupBox {
|
||||
border: 1px solid #e6e6e6;
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
margin: 6px 0 0 0;
|
||||
padding-left: 3px;
|
||||
padding-right: 3px;
|
||||
padding-top: 5px;
|
||||
|
@ -361,10 +362,12 @@ QGroupBox {
|
|||
}
|
||||
QGroupBox::title {
|
||||
subcontrol-origin: margin;
|
||||
padding: 0px;
|
||||
margin-top: -4px;
|
||||
/*bottom: 3px;*/
|
||||
left: 15px;
|
||||
margin-top: -2px;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
padding-top: 0px;
|
||||
padding-bottom: 0px;
|
||||
}
|
||||
QSplitter::handle {
|
||||
background-color: #888888;
|
||||
|
@ -1415,5 +1418,3 @@ QDialog #dialogButtonFrame {
|
|||
border-right-color: white;
|
||||
border-bottom-color: white;
|
||||
}
|
||||
|
||||
//# sourceMappingURL=gray_072_mac.qss.map
|
|
@ -203,14 +203,14 @@ QCheckBox {
|
|||
|
||||
QGroupBox {
|
||||
border: 1px solid;
|
||||
.set_margin( 5px, 5px );
|
||||
margin: 6px 0 0 0;
|
||||
.set_padding(3px, 5px);
|
||||
|
||||
&::title {
|
||||
subcontrol-origin: margin;
|
||||
padding: 0px;
|
||||
margin-top: -4px;
|
||||
/*bottom: 3px;*/
|
||||
left: 15px;
|
||||
margin-top: -2px;
|
||||
.set_padding(5px, 0px);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -125,10 +125,7 @@ QCheckBox:disabled {
|
|||
}
|
||||
QGroupBox {
|
||||
border: 1px solid;
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
margin: 6px 0 0 0;
|
||||
padding-left: 3px;
|
||||
padding-right: 3px;
|
||||
padding-top: 5px;
|
||||
|
@ -136,10 +133,12 @@ QGroupBox {
|
|||
}
|
||||
QGroupBox::title {
|
||||
subcontrol-origin: margin;
|
||||
padding: 0px;
|
||||
margin-top: -4px;
|
||||
/*bottom: 3px;*/
|
||||
left: 15px;
|
||||
margin-top: -2px;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
padding-top: 0px;
|
||||
padding-bottom: 0px;
|
||||
}
|
||||
/* ------ Toonz Classes Difinitions ------ */
|
||||
/* ------ TPanel ------ */
|
||||
|
@ -1154,5 +1153,3 @@ QDialog #dialogButtonFrame {
|
|||
border-right-color: white;
|
||||
border-bottom-color: white;
|
||||
}
|
||||
|
||||
//# sourceMappingURL=gray_128.qss.map
|
|
@ -125,10 +125,7 @@ QCheckBox:disabled {
|
|||
}
|
||||
QGroupBox {
|
||||
border: 1px solid;
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
margin: 6px 0 0 0;
|
||||
padding-left: 3px;
|
||||
padding-right: 3px;
|
||||
padding-top: 5px;
|
||||
|
@ -136,10 +133,12 @@ QGroupBox {
|
|||
}
|
||||
QGroupBox::title {
|
||||
subcontrol-origin: margin;
|
||||
padding: 0px;
|
||||
margin-top: -4px;
|
||||
/*bottom: 3px;*/
|
||||
left: 15px;
|
||||
margin-top: -2px;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
padding-top: 0px;
|
||||
padding-bottom: 0px;
|
||||
}
|
||||
/* ------ Toonz Classes Difinitions ------ */
|
||||
/* ------ TPanel ------ */
|
||||
|
@ -1154,5 +1153,3 @@ QDialog #dialogButtonFrame {
|
|||
border-right-color: white;
|
||||
border-bottom-color: white;
|
||||
}
|
||||
|
||||
//# sourceMappingURL=gray_128_mac.qss.map
|
Loading…
Reference in a new issue