Template:Pie chart/styles.css: Difference between revisions
Jump to navigation
Jump to search
mNo edit summary |
mNo edit summary |
||
Line 4: | Line 4: | ||
margin: 0 0 1em 1em; | margin: 0 0 1em 1em; | ||
width: auto; | width: auto; | ||
max-width: 100%; | |||
} | } | ||
Line 21: | Line 22: | ||
/* For better responsiveness */ | /* For better responsiveness */ | ||
@media (max-width: | @media (max-width: 600px) { | ||
.pie-chart-wrapper { | .pie-chart-wrapper { | ||
float: none; | float: none; |
Revision as of 16:06, 31 July 2024
.pie-chart-wrapper {
float: right;
clear: right;
margin: 0 0 1em 1em;
width: auto;
max-width: 100%;
}
.PieChartTemplate {
display: inline-block;
vertical-align: top;
}
.thumbcaption {
text-align: left;
}
/* Ensure text wraps around the chart */
.mw-content-ltr .pie-chart-wrapper {
clear: right;
}
/* For better responsiveness */
@media (max-width: 600px) {
.pie-chart-wrapper {
float: none;
margin: 1em auto;
text-align: center;
}
}