Improve look of seek/volume sliders
This commit is contained in:
@@ -345,6 +345,75 @@ class VlcSyncApp(QMainWindow):
|
||||
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 {
|
||||
background-color: #111;
|
||||
border-left: 1px solid #333;
|
||||
|
||||
Reference in New Issue
Block a user