Updates to scrollbar view
Alexhuszagh
parent
6b04b6572f
commit
053d3cef07
2
dark.py
2
dark.py
|
|
@ -53,7 +53,7 @@ def main():
|
|||
logging.basicConfig(level=logging.DEBUG)
|
||||
# create the application and the main window
|
||||
app = QtWidgets.QApplication(sys.argv)
|
||||
app.setStyle(QtWidgets.QStyleFactory.create("fusion"))
|
||||
#app.setStyle(QtWidgets.QStyleFactory.create("fusion"))
|
||||
window = QtWidgets.QMainWindow()
|
||||
|
||||
# setup ui
|
||||
|
|
|
|||
92
dark.qss
92
dark.qss
|
|
@ -219,35 +219,35 @@ QMenuBar::item
|
|||
QMenuBar::item:selected
|
||||
{
|
||||
background: transparent;
|
||||
border: 1px solid #76797c;
|
||||
border: 0.1ex solid #76797c;
|
||||
}
|
||||
|
||||
QMenuBar::item:pressed
|
||||
{
|
||||
border: 1px solid #76797c;
|
||||
border: 0.1ex solid #76797c;
|
||||
background-color: #3daee9;
|
||||
color: #eff0f1;
|
||||
margin-bottom:-1px;
|
||||
padding-bottom:1px;
|
||||
margin-bottom: -0.1ex;
|
||||
padding-bottom: 0.1ex;
|
||||
}
|
||||
|
||||
QMenu
|
||||
{
|
||||
border: 1px solid #76797c;
|
||||
border: 0.1ex solid #76797c;
|
||||
color: #eff0f1;
|
||||
margin: 2px;
|
||||
}
|
||||
|
||||
QMenu::icon
|
||||
{
|
||||
margin: 5px;
|
||||
margin: 0.5ex;
|
||||
}
|
||||
|
||||
QMenu::item
|
||||
{
|
||||
padding: 5px 30px 5px 30px;
|
||||
margin-left: 5px;
|
||||
border: 1px solid transparent; /* reserve space for selection border */
|
||||
padding: 0.5ex 3ex 0.5ex 3ex;
|
||||
margin-left: 0.5ex;
|
||||
border: 0.1ex solid transparent; /* reserve space for selection border */
|
||||
}
|
||||
|
||||
QMenu::item:selected
|
||||
|
|
@ -257,65 +257,61 @@ QMenu::item:selected
|
|||
|
||||
QMenu::separator
|
||||
{
|
||||
height: 2px;
|
||||
height: 0.2ex;
|
||||
background: lightblue;
|
||||
margin-left: 10px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
QMenu::indicator
|
||||
{
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
margin-left: 1ex;
|
||||
margin-right: 0.5ex;
|
||||
}
|
||||
|
||||
/* non-exclusive indicator = check box style indicator
|
||||
(see QActionGroup::setExclusive) */
|
||||
QMenu::indicator:non-exclusive:unchecked
|
||||
{
|
||||
image: url(:/dark/checkbox_unchecked_disabled.svg);
|
||||
border-image: url(:/dark/checkbox_unchecked_disabled.svg);
|
||||
}
|
||||
|
||||
QMenu::indicator:non-exclusive:unchecked:selected
|
||||
{
|
||||
image: url(:/dark/checkbox_unchecked_disabled.svg);
|
||||
border-image: url(:/dark/checkbox_unchecked_disabled.svg);
|
||||
}
|
||||
|
||||
QMenu::indicator:non-exclusive:checked
|
||||
{
|
||||
image: url(:/dark/checkbox_checked.svg);
|
||||
border-image: url(:/dark/checkbox_checked.svg);
|
||||
}
|
||||
|
||||
QMenu::indicator:non-exclusive:checked:selected
|
||||
{
|
||||
image: url(:/dark/checkbox_checked.svg);
|
||||
border-image: url(:/dark/checkbox_checked.svg);
|
||||
}
|
||||
|
||||
/* exclusive indicator = radio button style indicator (see QActionGroup::setExclusive) */
|
||||
QMenu::indicator:exclusive:unchecked
|
||||
{
|
||||
image: url(:/dark/radio_unchecked_disabled.svg);
|
||||
border-image: url(:/dark/radio_unchecked_disabled.svg);
|
||||
}
|
||||
|
||||
QMenu::indicator:exclusive:unchecked:selected
|
||||
{
|
||||
image: url(:/dark/radio_unchecked_disabled.svg);
|
||||
border-image: url(:/dark/radio_unchecked_disabled.svg);
|
||||
}
|
||||
|
||||
QMenu::indicator:exclusive:checked
|
||||
{
|
||||
image: url(:/dark/radio_checked.svg);
|
||||
border-image: url(:/dark/radio_checked.svg);
|
||||
}
|
||||
|
||||
QMenu::indicator:exclusive:checked:selected
|
||||
{
|
||||
image: url(:/dark/radio_checked.svg);
|
||||
border-image: url(:/dark/radio_checked.svg);
|
||||
}
|
||||
|
||||
QMenu::right-arrow
|
||||
{
|
||||
margin: 5px;
|
||||
image: url(:/dark/right_arrow.svg)
|
||||
margin: 0.5ex;
|
||||
border-image: url(:/light/right_arrow.svg);
|
||||
width: 0.6ex;
|
||||
height: 0.9ex;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -329,13 +325,14 @@ QAbstractItemView
|
|||
{
|
||||
alternate-background-color: #31363b;
|
||||
color: #eff0f1;
|
||||
border: 1px solid 3A3939;
|
||||
border-radius: 2px;
|
||||
border: 0.1ex solid 3A3939;
|
||||
border-radius: 0.2ex;
|
||||
}
|
||||
|
||||
QWidget:focus, QMenuBar:focus
|
||||
QWidget:focus,
|
||||
QMenuBar:focus
|
||||
{
|
||||
border: 1px solid #3daee9;
|
||||
border: 0.1ex solid #3daee9;
|
||||
}
|
||||
|
||||
QTabWidget:focus,
|
||||
|
|
@ -349,50 +346,51 @@ QSlider:focus
|
|||
QLineEdit
|
||||
{
|
||||
background-color: #232629;
|
||||
padding: 5px;
|
||||
padding: 0.5ex;
|
||||
border-style: solid;
|
||||
border: 1px solid #76797c;
|
||||
border-radius: 2px;
|
||||
border-radius: 0.2ex;
|
||||
color: #eff0f1;
|
||||
}
|
||||
|
||||
QGroupBox
|
||||
{
|
||||
border:1px solid #76797c;
|
||||
border-radius: 2px;
|
||||
margin-top: 20px;
|
||||
border: 0.1ex solid #76797c;
|
||||
border-radius: 0.2ex;
|
||||
padding-top: 1ex;
|
||||
margin-top: 1ex;
|
||||
}
|
||||
|
||||
QGroupBox::title
|
||||
{
|
||||
subcontrol-origin: margin;
|
||||
subcontrol-position: top center;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
padding-top: 10px;
|
||||
padding-left: 0.1ex;
|
||||
padding-right: 0.1ex;
|
||||
margin-top: -0.7ex;
|
||||
}
|
||||
|
||||
QAbstractScrollArea
|
||||
{
|
||||
border-radius: 2px;
|
||||
border-radius: 0.2ex;
|
||||
border: 1px solid #76797c;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
QScrollBar:horizontal
|
||||
{
|
||||
height: 15px;
|
||||
margin: 3px 15px 3px 15px;
|
||||
border: 1px transparent #2A2929;
|
||||
border-radius: 4px;
|
||||
height: 1.5ex;
|
||||
margin: 0.3ex 1.5ex 0.3ex 1.5ex;
|
||||
border: 0.1ex transparent #2A2929;
|
||||
border-radius: 0.4ex;
|
||||
background-color: #2A2929;
|
||||
}
|
||||
|
||||
QScrollBar::handle:horizontal
|
||||
{
|
||||
background-color: #605F5F;
|
||||
min-width: 5px;
|
||||
border-radius: 4px;
|
||||
min-width: 0.5ex;
|
||||
border-radius: 0.4ex;
|
||||
}
|
||||
|
||||
QScrollBar::add-line:horizontal
|
||||
|
|
|
|||
2
light.py
2
light.py
|
|
@ -53,7 +53,7 @@ def main():
|
|||
logging.basicConfig(level=logging.DEBUG)
|
||||
# create the application and the main window
|
||||
app = QtWidgets.QApplication(sys.argv)
|
||||
app.setStyle(QtWidgets.QStyleFactory.create("fusion"))
|
||||
#app.setStyle(QtWidgets.QStyleFactory.create("fusion"))
|
||||
window = QtWidgets.QMainWindow()
|
||||
|
||||
# setup ui
|
||||
|
|
|
|||
132
light.qss
132
light.qss
|
|
@ -226,35 +226,35 @@ QMenuBar::item
|
|||
QMenuBar::item:selected
|
||||
{
|
||||
background: transparent;
|
||||
border: 1px solid #BAB9B8;
|
||||
border: 0.1ex solid #BAB9B8;
|
||||
}
|
||||
|
||||
QMenuBar::item:pressed
|
||||
{
|
||||
border: 1px solid #BAB9B8;
|
||||
border: 0.1ex solid #BAB9B8;
|
||||
background-color: #33A4DF;
|
||||
color: #31363B;
|
||||
margin-bottom:-1px;
|
||||
padding-bottom:1px;
|
||||
margin-bottom: -0.1ex;
|
||||
padding-bottom: 0.1ex;
|
||||
}
|
||||
|
||||
QMenu
|
||||
{
|
||||
border: 1px solid #BAB9B8;
|
||||
border: 0.1ex solid #BAB9B8;
|
||||
color: #31363B;
|
||||
margin: 2px;
|
||||
}
|
||||
|
||||
QMenu::icon
|
||||
{
|
||||
margin: 5px;
|
||||
margin: 0.5ex;
|
||||
}
|
||||
|
||||
QMenu::item
|
||||
{
|
||||
padding: 5px 30px 5px 30px;
|
||||
margin-left: 5px;
|
||||
border: 1px solid transparent; /* reserve space for selection border */
|
||||
padding: 0.5ex 3ex 0.5ex 3ex;
|
||||
margin-left: 0.5ex;
|
||||
border: 0.1ex solid transparent; /* reserve space for selection border */
|
||||
}
|
||||
|
||||
QMenu::item:selected
|
||||
|
|
@ -262,56 +262,63 @@ QMenu::item:selected
|
|||
color: #31363B;
|
||||
}
|
||||
|
||||
QMenu::separator {
|
||||
height: 2px;
|
||||
QMenu::separator
|
||||
{
|
||||
height: 0.2ex;
|
||||
background: lightblue;
|
||||
margin-left: 10px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
QMenu::indicator {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
margin-left: 1ex;
|
||||
margin-right: 0.5ex;
|
||||
}
|
||||
|
||||
/* non-exclusive indicator = check box style indicator
|
||||
(see QActionGroup::setExclusive) */
|
||||
QMenu::indicator:non-exclusive:unchecked {
|
||||
image: url(:/light/checkbox_unchecked_disabled.svg);
|
||||
QMenu::indicator:non-exclusive:unchecked
|
||||
{
|
||||
border-image: url(:/light/checkbox_unchecked_disabled.svg);
|
||||
}
|
||||
|
||||
QMenu::indicator:non-exclusive:unchecked:selected {
|
||||
image: url(:/light/checkbox_unchecked_disabled.svg);
|
||||
QMenu::indicator:non-exclusive:unchecked:selected
|
||||
{
|
||||
border-image: url(:/light/checkbox_unchecked_disabled.svg);
|
||||
}
|
||||
|
||||
QMenu::indicator:non-exclusive:checked {
|
||||
image: url(:/light/checkbox_checked.svg);
|
||||
QMenu::indicator:non-exclusive:checked
|
||||
{
|
||||
border-image: url(:/light/checkbox_checked.svg);
|
||||
}
|
||||
|
||||
QMenu::indicator:non-exclusive:checked:selected {
|
||||
image: url(:/light/checkbox_checked.svg);
|
||||
QMenu::indicator:non-exclusive:checked:selected
|
||||
{
|
||||
border-image: url(:/light/checkbox_checked.svg);
|
||||
}
|
||||
|
||||
/* exclusive indicator = radio button style indicator (see QActionGroup::setExclusive) */
|
||||
QMenu::indicator:exclusive:unchecked {
|
||||
image: url(:/light/radio_unchecked_disabled.svg);
|
||||
QMenu::indicator:exclusive:unchecked
|
||||
{
|
||||
border-image: url(:/light/radio_unchecked_disabled.svg);
|
||||
}
|
||||
|
||||
QMenu::indicator:exclusive:unchecked:selected {
|
||||
image: url(:/light/radio_unchecked_disabled.svg);
|
||||
QMenu::indicator:exclusive:unchecked:selected
|
||||
{
|
||||
border-image: url(:/light/radio_unchecked_disabled.svg);
|
||||
}
|
||||
|
||||
QMenu::indicator:exclusive:checked {
|
||||
image: url(:/light/radio_checked.svg);
|
||||
QMenu::indicator:exclusive:checked
|
||||
{
|
||||
border-image: url(:/light/radio_checked.svg);
|
||||
}
|
||||
|
||||
QMenu::indicator:exclusive:checked:selected {
|
||||
image: url(:/light/radio_checked.svg);
|
||||
QMenu::indicator:exclusive:checked:selected
|
||||
{
|
||||
border-image: url(:/light/radio_checked.svg);
|
||||
}
|
||||
|
||||
QMenu::right-arrow {
|
||||
margin: 5px;
|
||||
image: url(:/light/right_arrow.svg)
|
||||
QMenu::right-arrow
|
||||
{
|
||||
margin: 0.5ex;
|
||||
border-image: url(:/light/right_arrow.svg);
|
||||
width: 0.6ex;
|
||||
height: 0.9ex;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -325,16 +332,20 @@ QAbstractItemView
|
|||
{
|
||||
alternate-background-color: #EFF0F1;
|
||||
color: #31363B;
|
||||
border: 1px solid 3A3939;
|
||||
border-radius: 2px;
|
||||
border: 0.1ex solid 3A3939;
|
||||
border-radius: 0.2ex;
|
||||
}
|
||||
|
||||
QWidget:focus, QMenuBar:focus
|
||||
QWidget:focus,
|
||||
QMenuBar:focus
|
||||
{
|
||||
border: 1px solid #33A4DF;
|
||||
border: 0.1ex solid #33A4DF;
|
||||
}
|
||||
|
||||
QTabWidget:focus, QCheckBox:focus, QRadioButton:focus, QSlider:focus
|
||||
QTabWidget:focus,
|
||||
QCheckBox:focus,
|
||||
QRadioButton:focus,
|
||||
QSlider:focus
|
||||
{
|
||||
border: none;
|
||||
}
|
||||
|
|
@ -342,48 +353,51 @@ QTabWidget:focus, QCheckBox:focus, QRadioButton:focus, QSlider:focus
|
|||
QLineEdit
|
||||
{
|
||||
background-color: #FCFCFC;
|
||||
padding: 5px;
|
||||
padding: 0.5ex;
|
||||
border-style: solid;
|
||||
border: 1px solid #BAB9B8;
|
||||
border-radius: 2px;
|
||||
border-radius: 0.2ex;
|
||||
color: #31363B;
|
||||
}
|
||||
|
||||
QGroupBox {
|
||||
border:1px solid #BAB9B8;
|
||||
border-radius: 2px;
|
||||
margin-top: 20px;
|
||||
QGroupBox
|
||||
{
|
||||
border: 0.1ex solid #BAB9B8;
|
||||
border-radius: 0.2ex;
|
||||
padding-top: 1ex;
|
||||
margin-top: 1ex;
|
||||
}
|
||||
|
||||
QGroupBox::title {
|
||||
QGroupBox::title
|
||||
{
|
||||
subcontrol-origin: margin;
|
||||
subcontrol-position: top center;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
padding-top: 10px;
|
||||
padding-left: 0.1ex;
|
||||
padding-right: 0.1ex;
|
||||
margin-top: -0.7ex;
|
||||
}
|
||||
|
||||
QAbstractScrollArea
|
||||
{
|
||||
border-radius: 2px;
|
||||
border-radius: 0.2ex;
|
||||
border: 1px solid #BAB9B8;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
QScrollBar:horizontal
|
||||
{
|
||||
height: 15px;
|
||||
margin: 3px 15px 3px 15px;
|
||||
border: 1px transparent #2A2929;
|
||||
border-radius: 4px;
|
||||
height: 1.5ex;
|
||||
margin: 0.3ex 1.5ex 0.3ex 1.5ex;
|
||||
border: 0.1ex transparent #2A2929;
|
||||
border-radius: 0.4ex;
|
||||
background-color: #2A2929;
|
||||
}
|
||||
|
||||
QScrollBar::handle:horizontal
|
||||
{
|
||||
background-color: #605F5F;
|
||||
min-width: 5px;
|
||||
border-radius: 4px;
|
||||
min-width: 0.5ex;
|
||||
border-radius: 0.4ex;
|
||||
}
|
||||
|
||||
QScrollBar::add-line:horizontal
|
||||
|
|
|
|||
|
|
@ -1,3 +1,3 @@
|
|||
<svg width="6" height="9">
|
||||
<svg x="0px" y="0px" width="6px" height="9px" viewBox="0 0 6 9" enable-background="new 0 0 6 9" xml:space="preserve">
|
||||
<path d="m 0.9166972,1.1894593 3.310321,3.3105408 -3.3117417,3.3105408 c -0.157702,0.1577125 -0.157702,0.4134624 0,0.5711749 0.157702,0.1577123 0.4134349,0.1577123 0.5711369,0 l 3.5973102,-3.5961283 0,0 0,0 c 0.1577019,-0.1577124 0.1577019,-0.4134624 0,-0.5711748 L 1.4864134,0.61828437 c -0.157702,-0.1577124 -0.4134349,-0.1577124 -0.5711369,0 -0.1562813,0.1577125 -0.1562813,0.41346243 0.00142,0.57117493 z" fill="#31363B"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 463 B After Width: | Height: | Size: 554 B |
|
|
@ -51,7 +51,7 @@ def main():
|
|||
logging.basicConfig(level=logging.DEBUG)
|
||||
# create the application and the main window
|
||||
app = QtWidgets.QApplication(sys.argv)
|
||||
app.setStyle(QtWidgets.QStyleFactory.create("fusion"))
|
||||
#app.setStyle(QtWidgets.QStyleFactory.create("fusion"))
|
||||
window = QtWidgets.QMainWindow()
|
||||
|
||||
# setup ui
|
||||
|
|
|
|||
Loading…
Reference in New Issue