63 lines
1.2 KiB
CSS
63 lines
1.2 KiB
CSS
/**
|
|
* Styles pour le focal point picker dans Gutenberg
|
|
*/
|
|
|
|
/* Conteneur principal dans le panneau featured image */
|
|
#gutenberg-focal-point-inline-root {
|
|
padding: 0;
|
|
}
|
|
|
|
#gutenberg-focal-point-inline-root > div {
|
|
margin-top: 16px;
|
|
padding-top: 16px;
|
|
border-top: 1px solid #ddd;
|
|
}
|
|
|
|
/* Titre */
|
|
#gutenberg-focal-point-inline-root strong {
|
|
display: block;
|
|
margin-bottom: 12px;
|
|
font-size: 13px;
|
|
font-weight: 500;
|
|
color: #1e1e1e;
|
|
}
|
|
|
|
/* Instructions */
|
|
#gutenberg-focal-point-inline-root p {
|
|
margin: 0 0 12px;
|
|
font-size: 13px;
|
|
color: #757575;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
/* FocalPointPicker */
|
|
#gutenberg-focal-point-inline-root .components-focal-point-picker {
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
/* Position actuelle */
|
|
#gutenberg-focal-point-inline-root p:last-child {
|
|
margin-top: 12px;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#gutenberg-focal-point-inline-root p:last-child strong {
|
|
display: inline;
|
|
color: #2271b1;
|
|
font-weight: 600;
|
|
margin: 0;
|
|
}
|
|
|
|
/* S'assurer que le picker s'affiche correctement */
|
|
.editor-post-featured-image {
|
|
position: relative;
|
|
}
|
|
|
|
/* Ajustements responsive */
|
|
@media (max-width: 781px) {
|
|
#gutenberg-focal-point-inline-root > div {
|
|
margin-top: 12px;
|
|
padding-top: 12px;
|
|
}
|
|
}
|