Template:Insert quote panel/styles.css: Difference between revisions
Content deleted Content added
No edit summary |
No edit summary |
||
Line 30:
flex: 1;
min-width: 0;
width: 100%;
}
Line 43:
/* --- 5. SCENARIO: WITH IMAGE (Transparent, Clean) --- */
.insert-quote-panel.has-image {
gap: 15px; /* This is the ONLY space between face and text now */
}
.insert-quote-panel.has-image .insert-quote-content {
background: transparent !important;
border: none !important;
padding: 0 !important;
margin: 0 !important;
color: #202122;
Line 55:
/* =================================================================
THE FIXES
================================================================= */
/* 1.
width: 100% !important; ▼
max-width: 100% !important;▼
float: none !important;▼
}▼
.insert-quote-panel.has-image .insert-quote-content .quotebox,
.insert-quote-panel.has-image .insert-quote-content blockquote {
background: transparent !important;
border: none !important; /* Removes gray bar */
box-shadow: none !important;
/* We REMOVED 'padding: 0' here so the default indentation works */▼
/* KEY FIX: Overrides Common.css "padding: 0 40px" */
padding: 0 !important;
▲ width: 100% !important;
▲ max-width: 100% !important;
}
/*
.insert-quote-panel.has-image .insert-quote-content > .quotebox > *:first-child,
.insert-quote-panel.has-image .insert-quote-content > *:first-child {
Line 85 ⟶ 80:
}
/* 3. AUTHOR SPACING FIX (Vertical gap only) */
/* We target the container of the author to add space above it */
.insert-quote-panel.has-image .insert-quote-content .templatequotecite,
.insert-quote-panel.has-image .insert-quote-content cite,
.insert-quote-panel.has-image .insert-quote-content small {
display: block !important; /* Ensures margin works */
margin-top: 1.5em !important; /* Adds the space between text and author */
▲ /* We
▲}
| |||