Unlock a world of possibilities! Login now and discover the exclusive benefits awaiting you.
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?
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;
}
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;
}