diff options
author | Frank Löffler <frank.loeffler@uni-jena.de> | 2023-12-10 22:54:02 +0100 |
---|---|---|
committer | Frank Löffler <frank.loeffler@uni-jena.de> | 2023-12-10 22:54:02 +0100 |
commit | 008c1cf356e93711983fcb0afa37485deac47fe5 (patch) | |
tree | 2e9e8e9e23a4e2863adf5205d11dd1d0db474e2d /modules/luci-mod-status/htdocs/luci-static/resources/svg/channel_analysis.svg | |
parent | 66a00ed8e4afd050f96b7f5187b2e119bad41e67 (diff) |
luci-mod-status: channel_analysis: use svg grad
Instead of using a second, semitransparent quadliteral of the
same station color to highlight the main 20 MHz channel of a
station with a bandwidht wider than 20 MHz, use a semitransparent,
black svg gradient with the same shape and size.
This has the benefit that it is harder to mistake for a second,
overlain station.
The gradient is black because this way it can be reused for
all stations, instead of having to create a separate one for
each station color.
Signed-off-by: Frank Löffler <frank.loeffler@uni-jena.de>
Diffstat (limited to 'modules/luci-mod-status/htdocs/luci-static/resources/svg/channel_analysis.svg')
-rw-r--r-- | modules/luci-mod-status/htdocs/luci-static/resources/svg/channel_analysis.svg | 17 |
1 files changed, 17 insertions, 0 deletions
diff --git a/modules/luci-mod-status/htdocs/luci-static/resources/svg/channel_analysis.svg b/modules/luci-mod-status/htdocs/luci-static/resources/svg/channel_analysis.svg index 8f01075d0b..aca186402e 100644 --- a/modules/luci-mod-status/htdocs/luci-static/resources/svg/channel_analysis.svg +++ b/modules/luci-mod-status/htdocs/luci-static/resources/svg/channel_analysis.svg @@ -16,4 +16,21 @@ <line x1="0" y1="90%" x2="100%" y2="90%" style="stroke:black;stroke-width:0.1" /> <text id="label_10" x="10" y="89%" style="fill:#eee; font-size:9pt; font-family:sans-serif; text-shadow:1px 1px 1px #000">-90 dbm</text> + <defs> + <linearGradient id="GradientVerticalCenteredBlack"> + <stop class="stopinvis" offset="0%" /> + <stop class="stopblack" offset="50%" /> + <stop class="stopinvis" offset="100%" /> + </linearGradient> + </defs> + <style> + .stopinvis { + stop-color: "transparent"; + stop-opacity: 0; + } + .stopblack { + stop-color: "black"; + stop-opacity: .1; + } + </style> </svg> |