Adding responsive feature to the element

[sandro-k]

Thanks for wrapping the Dygraphs within a Polymer element. I needed the element to be responsive and adapt to the size of the container.

[timeu]

@sandro-k
Thanks for the pull-requests.
I actually planned to use a custom CSS mixin to allow users of dy-graphs to modify the display. I was thinking of adding something along these lines:

<dom-module id="dy-graphs">
  <style>
    :host {
      display:block
      /* apply a mixin */
      @apply(--dy-graphs-container);
    }
   #chart {
      @apply(--dy-graphs-chart);
  }
  </style>

And then you could make it responsive this way:

<dom-module id="my-element">
  <style>
      .responsive {
            --dy-graphs-container: {
               display:flex;
               flex: 1;   
           };
          --dy-graphs-chart: {
               flex:1;
          };
      } 
  </style>
  <template>
     <dy-graphs class="responsive"></dy-graphs>
  </template>
</dom-module>

This would be a more flexible solution. Would you mind to update the pull-request ?

[sandro-k]

I thought about that and I agree that it is more flexible. I will play around with some custom CSS mixins and update my PR.