hilongjw / vue-datepicker

[Deprecated] calendar and datepicker component with material design for Vue.js
http://hilongjw.github.io/vue-datepicker/demo.html
MIT License
702 stars 207 forks source link

Can show total datapicker section at once #54

Open Rachelin opened 8 years ago

Rachelin commented 8 years ago

Hi, thanks for your work and i met this problem. Error imge Like the picture show, i can't control the timepicker show totally at once. At first time, it only show the left part of timepicker, then wait for little time you can see all the time picker. I read your code and cannot find the problem. Which i can't understand is this situation not showed at sure time. Did you met this problem also?

Rachelin commented 8 years ago

Finally, I found the solution. I think the problem at the 'cov-date-body', i changed the css setting like this

.cov-date-body {
  margin: 0 auto;
  position: absolute;
  background: #3F51B5;
  overflow: hidden;
  font-size: 16px;
  font-family: 'Roboto';
  font-weight: 400;
  width: 400px;
  max-width: 100%;
  z-index: 999;
  left: 0;
  right: 0;
  top: 25%;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
}

Removed this:

 -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
daslicious commented 8 years ago

I'm having an issue where the 'cov-date-body' is pushed below some content. Maybe same as this? Removing that css fixes it in mobile but breaks on desktop