topic Add padding except buttons and text objects? in App Development

Add padding except buttons and text objects?

ylchuang — Tue, 20 Jul 2021 07:10:31 GMT

I'd like to add more padding to the objects except for buttons and text objects.

I tried adding a padding of 10px to qv-inner-object as below, but this will also add padding to buttons and text objects which made the content too small.

.qv-inner-object {
border: 1px rgba(0,0,0,0);
padding: 10px;
}

The built-in Sense Focus theme seems to be able to add padding to chart objects while bypassing buttons and text objects. Anyone knows how to replicate the same behavior in theme?

Re: Add padding except buttons and text objects?

ylchuang — Tue, 20 Jul 2021 12:22:21 GMT

Answering own question in case anyone wanna do the same.

I ended up adding padding to individual chart types instead while leaving buttons untouched, so only charts have padding.

For example,

/* padding for line chart */

.qv-object-linechart {
padding-right: 25px;
padding-bottom:5px;
}

/* padding for combo chart */

.qv-object-combochart {
padding-top: 10px;
padding-left:25px;
padding-bottom: 5px;
}