如何增加vaadin时间轴的标题区域

Question

如果我为vaadin7时间线添加太多/太长的字幕，它们将仅部分显示（即显示我们有空间的部分，其余部分被截断） 我如何增加这个区域以便为所有人分配足够的空间？

timeline.setGraphCaption(container, h.toString());

Answer 1

您需要在scss文件中添加以下规则：

  .v-timeline-widget .v-timeline-widget-modelegend{
    background: inherit;
  }

  .v-timeline-widget-legend-label{
    height: auto !important;
    white-space: normal !important;
  }

在：

在

3分：

1. 虽然这些规则可能达不到编写良好的CSS或良好实践规则的标准（我正在看你！important ），但他们可以解决这个问题。不过，更好的方法是通过编辑Vaadin Timeline插件源来弄清楚。

2. 您肯定注意到文字背景已经改变。这是因为我们覆盖了仅为一行设计的默认背景（您应该提供自己的背景图像）

3. 小部件的底部被几个像素切断。好吧，修复它的唯一方法是跳转到DOM和css并尝试修复它。可行，但我还没试过。