Commit 01f42ef4 authored by Pierre Smeyers's avatar Pierre Smeyers
Browse files

style(css): fix minor style issues

parent ca8f3900
Loading
Loading
Loading
Loading
+116 −46
Original line number Diff line number Diff line
<div class="gitlab-ci-toolbar d-md-flex align-items-center flex-row p-2 bg-body-secondary">
  <!-- Include Mode (local/remote/template) -->
  <div>
    <label
      class="col-form-label col-form-label-sm">Include <i class="fas fa-circle-info" ngbTooltip="Select the template include method you want to use."></i></label>
<div
      class="btn-group btn-group-sm ms-1"
      data-toggle="buttons"
    >
      <label
        class="btn btn-toggle"
        [class.selected]="options.includeMode === mode"
        *ngFor="let mode of keys(includeModes)"
  class="gitlab-ci-toolbar d-md-flex align-items-center flex-row p-2 bg-body-secondary"
>
  <!-- Include Mode (local/remote/template) -->
  <div>
    <label class="col-form-label col-form-label-sm"
      >Include
      <i
        class="fas fa-circle-info"
        ngbTooltip="Select the template include method you want to use."
      ></i
    ></label>
    <div class="btn-group btn-group-sm ms-1" data-toggle="buttons">
      <input
        type="radio"
        class="btn-check"
        name="include-mode"
        id="include-mode-project"
        autocomplete="off"
        [(ngModel)]="options.includeMode"
        value="project"
        [checked]="options.includeMode === includeModes.project"
      />
      <label class="btn btn-toggle" for="include-mode-project">project</label>
      <input
        type="radio"
        class="btn-check"
        name="include-mode"
        id="include-mode-component"
        autocomplete="off"
        [(ngModel)]="options.includeMode"
          [value]="mode"
          [checked]="options.includeMode === mode"
        />{{ mode }}</label
        value="component"
        [checked]="options.includeMode === includeModes.component"
      />
      <label class="btn btn-toggle" for="include-mode-component"
        >component</label
      >
      <input
        type="radio"
        class="btn-check"
        name="include-mode"
        id="include-mode-remote"
        autocomplete="off"
        [(ngModel)]="options.includeMode"
        value="remote"
        [checked]="options.includeMode === includeModes.remote"
      />
      <label class="btn btn-toggle" for="include-mode-remote">remote</label>
    </div>
  </div>
  <!-- Version Mode (major/minor/patch) -->
  <div class="ms-md-4 mt-2 mt-md-0">
    <label class="col-form-label col-form-label-sm">Version <i class="fas fa-circle-info" ngbTooltip="Select the template version pattern you want to include."></i></label>
    <div
      class="btn-group btn-group-sm rounded ms-1"
      data-toggle="buttons"
    >
      <label
        class="btn btn-toggle"
        [class.selected]="options.versionMode === mode"
        *ngFor="let mode of keys(versionModes)"
      >
    <label class="col-form-label col-form-label-sm"
      >Version
      <i
        class="fas fa-circle-info"
        ngbTooltip="Select the template version pattern you want to include."
      ></i
    ></label>
    <div class="btn-group btn-group-sm rounded ms-1" data-toggle="buttons">
      <input
        type="radio"
        class="btn-check"
        name="version-mode"
        id="version-mode-major"
        autocomplete="off"
        [(ngModel)]="options.versionMode"
          [value]="mode"
          [checked]="options.versionMode === mode"
        />{{ mode }}</label
      >
        value="major"
        [checked]="options.versionMode === versionModes.major"
      />
      <label class="btn btn-toggle" for="version-mode-major">major</label>

      <input
        type="radio"
        class="btn-check"
        name="version-mode"
        id="version-mode-minor"
        autocomplete="off"
        [(ngModel)]="options.versionMode"
        value="minor"
        [checked]="options.versionMode === versionModes.minor"
      />
      <label class="btn btn-toggle" for="version-mode-minor">minor</label>

      <input
        type="radio"
        class="btn-check"
        name="version-mode"
        id="version-mode-full"
        autocomplete="off"
        [(ngModel)]="options.versionMode"
        value="full"
        [checked]="options.versionMode === versionModes.full"
      />
      <label class="btn btn-toggle" for="version-mode-full">full</label>
    </div>
  </div>
  <!-- Show Stages -->
  <div class="form-check ms-md-4 mt-2 mt-md-0 mb-0">
    <input type="checkbox" class="form-check-input" id="stages-control"
          [(ngModel)]="options.showStages">
    <label class="form-check-label" for="stages-control">With stages <i class="fas fa-circle-info" ngbTooltip="Required if you wish to override default stages."></i></label>
    <input
      type="checkbox"
      class="form-check-input"
      id="stages-control"
      [(ngModel)]="options.showStages"
    />
    <label class="form-check-label" for="stages-control"
      >With stages
      <i
        class="fas fa-circle-info"
        ngbTooltip="Required if you wish to override default stages."
      ></i
    ></label>
  </div>
  <!-- Gitlab instance -->
  <div *ngIf="!isProjectMode()" class="input-group ms-4">
    <label class="input-group-text" for="gitlab-host">GitLab Host <i class="fas fa-circle-info ms-1" ngbTooltip="Set the GitLab server host (FQDN) you want to use."></i></label>
    <input type="text" class="form-control" id="gitlab-host" aria-label="GitlabHost"
        [(ngModel)]="serverHost">
  <div *ngIf="!isProjectMode()" class="input-group input-group-sm ms-4">
    <label class="input-group-text" for="gitlab-host"
      >GitLab Host
      <i
        class="fas fa-circle-info ms-1"
        ngbTooltip="Set the GitLab server host (FQDN) you want to use."
      ></i
    ></label>
    <input
      type="text"
      class="form-control"
      id="gitlab-host"
      aria-label="GitlabHost"
      [(ngModel)]="serverHost"
    />
  </div>
</div>
<div class="gitlab-ci-container">