Dashboards & Visualizations

html CSS override: setting height of line break <br/>

gerbert
Path Finder

Hello splunk community,

I want to change the height of the line break in a textbox, that looks like this:

<row>
  <panel id="panel1">
    <html>
      <div style="text-align: left;">
        <font size="2" color="#333333">
          Some Text<br/>
          Some more Text<br/>
        </font>
      </div>
    </html>
  </panel>
</row>
<row>
  <panel depends="$alwaysHide$">
    <title>CSS</title>
    <html>
      <style>     
        #panel1 {width:70% !important;background-color:#eeeeee;}
        #panel1 .dashboard-panel{background-color:#eeeeee;}
        <!--Next line is not working as intended-->
        #panel1 br {line-height: 50%;}
      </style>
    </html>
  </panel>
</row>

 

Presumably I have to change the last line but I cannot get it to work properly.
I want to make the line breaks more 'narrow' because right now there is too much space above a new line.
Help would be appreciated.

Cheers
gerbert

Labels (1)
Tags (3)
Get Updates on the Splunk Community!

Building Reliable Asset and Identity Frameworks in Splunk ES

 Accurate asset and identity resolution is the backbone of security operations. Without it, alerts are ...

Cloud Monitoring Console - Unlocking Greater Visibility in SVC Usage Reporting

For Splunk Cloud customers, understanding and optimizing Splunk Virtual Compute (SVC) usage and resource ...

Automatic Discovery Part 3: Practical Use Cases

If you’ve enabled Automatic Discovery in your install of the Splunk Distribution of the OpenTelemetry ...