73 lines
1.6 KiB
CSS
73 lines
1.6 KiB
CSS
/**
|
|
* Styles personnalisés pour le focal point picker intégré
|
|
*/
|
|
|
|
/* Conteneur principal du focal point picker */
|
|
#thumbnail-focal-point-inline-root {
|
|
padding: 0;
|
|
margin-top: 15px;
|
|
}
|
|
|
|
/* Ajuster l'espacement dans la meta box */
|
|
#postimagediv .inside #thumbnail-focal-point-inline-root {
|
|
padding-top: 15px;
|
|
border-top: 1px solid #dcdcde;
|
|
}
|
|
|
|
/* Titre du focal point picker */
|
|
#thumbnail-focal-point-inline-root strong {
|
|
display: block;
|
|
margin-bottom: 8px;
|
|
font-size: 13px;
|
|
color: #1d2327;
|
|
}
|
|
|
|
/* Texte d'instructions */
|
|
#thumbnail-focal-point-inline-root p {
|
|
margin: 0 0 12px;
|
|
font-size: 12px;
|
|
color: #646970;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
/* Conteneur du FocalPointPicker */
|
|
#thumbnail-focal-point-inline-root .components-focal-point-picker {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
/* Ajuster la hauteur du picker si nécessaire */
|
|
#thumbnail-focal-point-inline-root .components-focal-point-picker__wrapper {
|
|
/* max-height: 300px; */
|
|
}
|
|
|
|
/* Position actuelle */
|
|
#thumbnail-focal-point-inline-root p:last-child {
|
|
margin-bottom: 0;
|
|
margin-top: 8px;
|
|
}
|
|
|
|
/* Style pour la valeur de position */
|
|
#thumbnail-focal-point-inline-root p:last-child strong {
|
|
display: inline;
|
|
color: #2271b1;
|
|
font-weight: 600;
|
|
margin: 0;
|
|
}
|
|
|
|
/* Responsive - ajuster sur petits écrans */
|
|
@media screen and (max-width: 782px) {
|
|
#thumbnail-focal-point-inline-root {
|
|
margin-top: 12px;
|
|
}
|
|
|
|
#postimagediv .inside #thumbnail-focal-point-inline-root {
|
|
padding-top: 12px;
|
|
}
|
|
}
|
|
|
|
/* Animation de chargement */
|
|
#thumbnail-focal-point-inline-root.loading {
|
|
opacity: 0.6;
|
|
pointer-events: none;
|
|
}
|