Improve look of seek/volume sliders
This commit is contained in:
@@ -345,6 +345,75 @@ class VlcSyncApp(QMainWindow):
|
|||||||
background: #333;
|
background: #333;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#seekBar {
|
||||||
|
border: none;
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
#seekBar::groove:horizontal {
|
||||||
|
height: 4px;
|
||||||
|
background: #444;
|
||||||
|
border: none;
|
||||||
|
border-radius: 2px;
|
||||||
|
}
|
||||||
|
#seekBar::sub-page:horizontal {
|
||||||
|
background: #ff0000;
|
||||||
|
height: 4px;
|
||||||
|
border-radius: 2px;
|
||||||
|
}
|
||||||
|
#seekBar::add-page:horizontal {
|
||||||
|
background: #444;
|
||||||
|
height: 4px;
|
||||||
|
border-radius: 2px;
|
||||||
|
}
|
||||||
|
#seekBar::handle:horizontal {
|
||||||
|
background: #ff0000;
|
||||||
|
width: 12px;
|
||||||
|
height: 12px;
|
||||||
|
margin: -4px 0;
|
||||||
|
border-radius: 6px;
|
||||||
|
}
|
||||||
|
#seekBar::handle:horizontal:hover {
|
||||||
|
background: #ff3333;
|
||||||
|
width: 14px;
|
||||||
|
height: 14px;
|
||||||
|
margin: -5px 0;
|
||||||
|
border-radius: 7px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#volumeSlider {
|
||||||
|
border: none;
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
#volumeSlider::groove:horizontal {
|
||||||
|
height: 4px;
|
||||||
|
background: #444;
|
||||||
|
border: none;
|
||||||
|
border-radius: 2px;
|
||||||
|
}
|
||||||
|
#volumeSlider::sub-page:horizontal {
|
||||||
|
background: #fff;
|
||||||
|
height: 4px;
|
||||||
|
border-radius: 2px;
|
||||||
|
}
|
||||||
|
#volumeSlider::add-page:horizontal {
|
||||||
|
background: #444;
|
||||||
|
height: 4px;
|
||||||
|
border-radius: 2px;
|
||||||
|
}
|
||||||
|
#volumeSlider::handle:horizontal {
|
||||||
|
background: #fff;
|
||||||
|
width: 10px;
|
||||||
|
height: 10px;
|
||||||
|
margin: -3px 0;
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
#volumeSlider::handle:horizontal:hover {
|
||||||
|
width: 12px;
|
||||||
|
height: 12px;
|
||||||
|
margin: -4px 0;
|
||||||
|
border-radius: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
#chatContainer {
|
#chatContainer {
|
||||||
background-color: #111;
|
background-color: #111;
|
||||||
border-left: 1px solid #333;
|
border-left: 1px solid #333;
|
||||||
|
|||||||
Reference in New Issue
Block a user