diff --git a/companion/src/companion.qrc b/companion/src/companion.qrc
index 2c0d6986a..4a97f106c 100644
--- a/companion/src/companion.qrc
+++ b/companion/src/companion.qrc
@@ -21,6 +21,7 @@
images/simulator/icons/svg/info-active.svg
images/simulator/icons/svg/joystick_settings.svg
images/simulator/icons/svg/joystick_settings-active.svg
+ images/simulator/icons/svg/line_horiz.svg
images/simulator/icons/svg/toggle_lock.svg
images/simulator/icons/svg/toggle_lock-on.svg
images/simulator/icons/svg/radio_outputs.svg
diff --git a/companion/src/images/simulator/icons/svg/line_horiz.svg b/companion/src/images/simulator/icons/svg/line_horiz.svg
new file mode 100644
index 000000000..56c97e5ea
--- /dev/null
+++ b/companion/src/images/simulator/icons/svg/line_horiz.svg
@@ -0,0 +1,5 @@
+
+
diff --git a/companion/src/themes/default/style.css b/companion/src/themes/default/style.css
index c7548a661..5b018a1d0 100644
--- a/companion/src/themes/default/style.css
+++ b/companion/src/themes/default/style.css
@@ -55,6 +55,7 @@ QSplitter::handle:hover {
SimulatorWidget > QWidget {
background-color: qlineargradient(spread:reflect, x1:0, y1:0, x2:0, y2:1, stop:0 rgba(242, 242, 242, 255), stop:0.757062 rgba(222, 220, 220, 255), stop:1 rgba(232, 230, 230, 255));
}
+
/* radio LCD/controls area under "case" */
SimulatorWidget #radioUiWidget {
background-color: qlineargradient(spread:reflect, x1:0.22, y1:0, x2:0.55065, y2:0.54, stop:0 rgba(7, 7, 7, 250), stop:0.864407 rgba(66, 66, 66, 255));
@@ -63,10 +64,13 @@ SimulatorWidget #radioUiWidget {
}
+/** RadioOutputsWidget **/
+
/* outputs display splitter areas (channels, logical switches, global vars) */
RadioOutputsWidget > QSplitter > QWidget {
border: 1px solid #a1a1a1;
}
+
/* vertical headings with the area names */
RadioOutputsWidget QLabel[heading=true] {
background-color: qlineargradient(spread:reflect, x1:0.22, y1:0, x2:0.5, y2:0.55, stop:0 rgba(20, 20, 20, 250), stop:0.85 rgba(86, 86, 86, 255));
@@ -75,3 +79,36 @@ RadioOutputsWidget QLabel[heading=true] {
padding: 0.8em 0.45em;
font-size: 8pt;
}
+
+/* Channel output indicator sliders */
+
+RadioOutputsWidget #channelsWidget QSlider::groove:vertical {
+ width: 18px;
+ background-color: transparent;
+ border-image: url(:/images/simulator/icons/svg/line_horiz.svg) 0 0 0 0 stretch round;
+}
+
+RadioOutputsWidget #channelsWidget QSlider::add-page:vertical,
+RadioOutputsWidget #channelsWidget QSlider::sub-page:vertical {
+ border: 1px solid #777;
+ margin: 0 5px;
+}
+
+RadioOutputsWidget #channelsWidget QSlider::sub-page:vertical {
+ background: qlineargradient(x1: .4, y1: 0, x2: 1, y2: 1, stop: 0 #bbb, stop:1 #fff);
+ border-top-left-radius: 4px;
+ border-top-right-radius: 4px;
+}
+
+RadioOutputsWidget #channelsWidget QSlider::add-page:vertical {
+ background: qlineargradient(x1: .6, y1: 1, x2: 0, y2: 0, stop:0 #55f, stop: 1 #eef);
+ border-bottom-left-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+
+RadioOutputsWidget #channelsWidget QSlider::handle:vertical:disabled {
+ background-color: darkgreen;
+ border: 1px solid #ccc;
+ border-radius: 1px;
+ height: 3px;
+}