Template:Pie chart/styles.css: Difference between revisions

From IxWiki
Jump to navigation Jump to search
Created page with ".pie-chart-wrapper { float: right; clear: right; margin: 0 0 1em 1em; width: auto; } .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..."
 
mNo edit summary
Line 21: Line 21:


/* For better responsiveness */
/* For better responsiveness */
@media (max-width: 600px) {
@media (max-width: 400px) {
     .pie-chart-wrapper {
     .pie-chart-wrapper {
         float: none;
         float: none;

Revision as of 16:02, 31 July 2024

.pie-chart-wrapper {
    float: right;
    clear: right;
    margin: 0 0 1em 1em;
    width: auto;
}

.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: 400px) {
    .pie-chart-wrapper {
        float: none;
        margin: 1em auto;
        text-align: center;
    }
}