piotr/edgetx-gx12
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

[Simulator] New skin for channel output indicators. (Fix #4638 ) (#4669)

Browse Source
This commit is contained in:
Max Paperno
2017-03-22 12:39:02 +01:00
committed by Andre Bernet
parent 76f5d029a0
commit dc00757cd7
3 changed files with 43 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
companion/src/companion.qrc
+1
View File
@@ -21,6 +21,7 @@
<file>images/simulator/icons/svg/info-active.svg</file>
<file>images/simulator/icons/svg/joystick_settings.svg</file>
<file>images/simulator/icons/svg/joystick_settings-active.svg</file>
<file>images/simulator/icons/svg/line_horiz.svg</file>
<file>images/simulator/icons/svg/toggle_lock.svg</file>
<file>images/simulator/icons/svg/toggle_lock-on.svg</file>
<file>images/simulator/icons/svg/radio_outputs.svg</file>
companion/src/images/simulator/icons/svg/line_horiz.svg
+5
View File
@@ -0,0 +1,5 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" version="1.1" width="8" height="8" viewBox="0 0 8 8" id="svg2">
<defs id="defs8" />
<path d="m 0,3.7627118 0,0.4576272 8,0 0,-0.4576272 z" id="path4" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 298 B

companion/src/themes/default/style.css
+37
View File
@@ -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;
}