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; +}