web/libs/datamanager/src/components/DataManager/DataManager.prefix.css - develop - vshmidt/label-studio

web/libs/datamanager/src/components/DataManager/DataManager.prefix.css
135 строк3 KB
Raul Martin
refactor: ECHO-448: Biome - enable format (#9625)
17 мар 2026, 18:27
17 мар 2026, 18:27567cb96
.tabs-dm-content {
  --filters-sidebar-width: 620px;

  height: 100%;
  width: 100%;
  display: flex;

  &__tab {
    display: flex;
    flex-direction: column;
    width: 100%;

    &_shrink {
      width: calc(100% - var(--filters-sidebar-width));
    }
  }
}

:global(.lsf-datepicker__wrapper .react-datepicker) {
  background-color: var(--color-neutral-background);
  border-color: var(--color-neutral-border);
  color: var(--color-neutral-content);
}

:global(.react-datepicker > .react-datepicker__navigation--previous) {
  border-right-color: var(--color-neutral-icon);
}

:global(.react-datepicker > .react-datepicker__navigation--next) {
  border-left-color: var(--color-neutral-icon);
}

:global(.react-datepicker .react-datepicker__header) {
  background-color: var(--color-neutral-background);
  border-bottom-color: var(--color-neutral-border);
}

:global(.react-datepicker .react-datepicker__current-month) {
  color: var(--color-neutral-content);
}

:global(.react-datepicker .react-datepicker__day-name) {
  color: var(--color-neutral-content-subtler);
}

:global(.react-datepicker .react-datepicker__day) {
  color: var(--color-neutral-content-subtler);
}

:global(.react-datepicker .react-datepicker__day:hover) {
  background-color: var(--color-primary-emphasis-subtle);
  color: var(--color-neutral-content);
}

:global(.react-datepicker .react-datepicker__day--keyboard-selected) {
  color: var(--color-neutral-content);
  background: var(--color-primary-emphasis-subtle);
}

:global(.react-datepicker .react-datepicker__day--selected),
:global(.react-datepicker .react-datepicker__day--in-range) {
  background-color: var(--color-primary-emphasis);
  color: var(--color-neutral-content);
}

:global(.react-datepicker .react-datepicker__day--today) {
  background-color: transparent;
  color: var(--color-neutral-content);
  position: relative;
}

:global(.react-datepicker .react-datepicker__day--today::before) {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  background-color: var(--color-primary-surface);
  bottom: 2px;
  left: calc(50% - 2px);
  position: absolute;
  border-radius: 50%;
}

:global(.react-datepicker .react-datepicker__time-container) {
  border-left-color: var(--color-neutral-border);
  height: 100%;
}

:global(.react-datepicker .react-datepicker__time-container .react-datepicker__time) {
  background: transparent;
}

:global(.react-datepicker .react-datepicker-time__header) {
  color: var(--color-neutral-content);
}

:global(.react-datepicker .react-datepicker__time-list-item) {
  background-color: transparent;
  color: var(--color-neutral-content-subtler);
  transition: all 150ms ease-out;
}

:global(
    .react-datepicker
    .react-datepicker__time-container
    .react-datepicker__time
    .react-datepicker__time-box
    ul.react-datepicker__time-list
  ) {
  height: 235px;
}

:global(
    .react-datepicker
    .react-datepicker__time-container
    .react-datepicker__time
    .react-datepicker__time-box
    ul.react-datepicker__time-list
    li.react-datepicker__time-list-item:hover
  ) {
  background-color: var(--color-primary-emphasis-subtle);
  color: var(--color-neutral-content);
}

:global(
    .react-datepicker
    .react-datepicker__time-container
    .react-datepicker__time
    .react-datepicker__time-box
    ul.react-datepicker__time-list
    li.react-datepicker__time-list-item--selected
  ) {
  background-color: var(--color-primary-emphasis);
  color: var(--color-neutral-content);
}