Discussion :

[Tamzoro]

Bonjour,

J'aimerai réduire la hauteur du pop-up pour un datepicker, pensez-vous qu'il est possible de faire cela?

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<div class="row row-cols-3 pt-3">
   <div class="col text-end">
      <label for="startDate" class="form-label">Date de départ</label>
   </div>
   <div class="col-4">
      <input type="text " class="form-control form-max-width " name="startDate " [(ngModel)]="startDate " bsDatepicker [maxDate]="endDate " [required]="!!endDate " autocomplete="off " placement="right">
   </div>
</div>

Je pense qu'il est possible de faire cela en CSS? Mais quelle classe utiliser? Dans mon projet, je ne peux pas utiliser du JS.

D'avance merci

Voici quelques informations relatives que j'utilise:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
"bootstrap": "^5.1.3",
"ngx-bootstrap": "^8.0.0",
"ngx-bootstrap-fix-datepicker": "^5.6.8",

[krakatoa]

c'est du css
j'ai trouvé ça sur internet

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
.datepicker,
.table-condensed {
    width: 220px;
    height: 220px;
    font-size: x-small; 
}

faut faire des recherches plus approfondie

[Tamzoro]

Bonsoir,

Oui effectivement! J'ai trouvé la solution via Stackblitz => https://stackblitz.com/edit/stackove....component.css