Настроить всплывающие кнопки Angular Bootstrap datepicker - PullRequest
Новая
       33

Настроить всплывающие кнопки Angular Bootstrap datepicker

0 голосов
/ 10 декабря 2018

Я хочу настроить кнопки по умолчанию во всплывающем окне Angular Bootstrap datepicker.В настоящее время у меня есть this
То, что я хочу, это промежуток около 1 (или 2) пикселя между синей и зеленой кнопками.Зеленая кнопка должна оставаться неизменной (между пробелами и размерами).

В настоящее время кода много, и я понятия не имею, где расположены файлы CSS.Кроме того, там для всего кода в проекте наблюдается то же самое, и изменения должны быть сделаны для всех подобных случаев.Я попытался внести изменения в файл bootstrap\less\button-group.less: 

.btn-group {
  .btn + .btn,
  .btn + .btn-group,
  .btn-group + .btn,
  .btn-group + .btn-group {
    margin-left: 1px;
  }
}

.btn-group-vertical {
  > .btn,
  > .btn-group,
  > .btn-group > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
  }

  // Clear floats so dropdown menus can be properly placed
  > .btn-group {
    &:extend(.clearfix all);
    > .btn {
      float: none;
    }
  }

  > .btn + .btn,
  > .btn + .btn-group,
  > .btn-group + .btn,
  > .btn-group + .btn-group {
    margin-top: -1px;
    margin-left: 1px;
  }
}

И в bootstrap\distcss\bootstrap.css 

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: 1px;
}

Но ничего не происходит.Рендеринг по-прежнему происходит с полем слева -1px.

Как мне решить эту проблему?

1 Ответ

0 голосов
/ 19 декабря 2018

Вы можете найти шаблоны в репозитории github, конкретный шаблон для всплывающего окна Datepicker вы можете найти здесь .

Вы можете скопировать его и сделать свою собственную копию и ссылкуэто к директиве с использованием атрибута datepicker-template-url

Я рекомендую просто встроить стиль margin css в свой пользовательский шаблон и покончить с этим

...