<div class="p-fluid" *ngIf="column">
    <div class="p-field p-grid">
        <label for="width" class="p-col-12 p-mb-2 p-md-2 p-mb-md-0">{{ 'COLUMN_PROPERTIES_EDITOR.WIDTH' | translate }}</label>
        <div class="p-col-12 p-md-10">
            <p-inputNumber [(ngModel)]="column.width" mode="decimal" [min]="0" [max]="12" [showButtons]="true" inputId="width"></p-inputNumber>
        </div>

        <div class="p-col-12 pt-4">
            <p-fieldset legend="{{ 'IMAGE_WIDGET_CONFIGURATION.CSS_STYLE' | translate }}" [toggleable]="true" [collapsed]="true">
                <app-css-style [(style)]="column!.style"></app-css-style>
            </p-fieldset>
        </div>
    </div>
</div>
