_uiCoreIntegration.scss

@import '@osrd-project/ui-core/dist/theme.css';

// https://github.com/tailwindlabs/tailwindcss/issues/942
svg,
img {
  display: inline-block !important;
  max-width: none;
}

//https://github.com/tailwindlabs/tailwindcss/pull/7742#issuecomment-1061332148
.study-card-img,
.map-format-switch-img {
  height: 24px;
}

.infra-logo,
.icon-to-svg {
  height: 16px;
}

.layer-modal-img {
  height: 20px;
}

//https://github.com/tailwindlabs/tailwindcss/issues/6602
.error-box button {
  background-color: rgb(239, 239, 239);
  color: black;
}

// __________________ Calendar Picker  __________________
.date-picker .calendar-picker {
  top: auto !important;
  left: auto !important;
  z-index: 1;
}

// __________________ Time Picker  __________________
.time-picker {
  .modal-content {
    left: -12.4rem !important;
    .time-picker-container {
      max-width: 20.2rem;
    }
  }
}

// __________________ Common Time/Tolerance Picker  __________________

.time-picker,
.tolerance-picker {
  .modal-overlay {
    position: relative !important;
  }
  .modal-content {
    top: auto !important;
    width: auto;
    z-index: 1;
  }
}

// __________________ Tolerance Picker  __________________
.tolerance-picker {
  .modal-content {
    left: -23.5rem !important;
    .tolerance-grid {
      grid-auto-rows: 2rem !important;
    }
  }
}

// __________________ Select  __________________
.field-and-status-icon {
  .custom-select {
    border-radius: 0.25rem;
    border: 0.063rem solid rgba(148, 145, 142, 1);
    box-shadow:
      0 0.063rem 0.063rem rgba(0, 0, 0, 0.2),
      0 0.125 0.25rem rgba(0, 0, 0, 0.1);
    height: 2.5rem;
    padding: 0.438rem 2rem 0.563rem 0.813rem;
    letter-spacing: 0;
    text-align: left;
    line-height: 1.5rem;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-color: #94918e;
    background-color: #00000003;
    color: #312e2b;

    option {
      color: #312e2b;
    }

    option:first-child {
      color: #797671;
    }

    &.placeholder-selected {
      color: #797671;
    }

    &:focus {
      outline: none;
      border: 2px solid rgba(37, 106, 250, 1);
      background-color: #00000003;
      border-color: #256afa;
    }

    &.read-only {
      border: 1px solid rgba(182, 178, 175, 1);
      box-shadow:
        0px 0px 0px rgba(0, 0, 0, 0.2),
        0px 1px 0px rgba(0, 0, 0, 0.1);
      color: #797671;
    }

    &:disabled {
      border: 1px solid rgba(211, 209, 207, 1);
      box-shadow:
        0px 0px 0px rgba(0, 0, 0, 0.2),
        0px 1px 0px rgba(0, 0, 0, 0.1);
      color: #b6b2af;
    }
  }
}