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

如何增加vaadin时间线的标题区域,vaadin,vaadin7,Vaadin,Vaadin7,如果我在vaadin7时间线上添加了太多/太长的标题,它们将只显示一部分(即显示我们有空间的部分,其余部分将被截断) 我如何增加这个面积,以便为所有人分配足够的空间 timeline.setGraphCaption(container, h.toString()); 您需要在scss文件中添加以下规则: .v-timeline-widget .v-timeline-widget-modelegend{ background: inherit; } .v-timeline-

如果我在vaadin7时间线上添加了太多/太长的标题,它们将只显示一部分(即显示我们有空间的部分,其余部分将被截断) 我如何增加这个面积,以便为所有人分配足够的空间

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

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

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

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

之后

3点:

  • 虽然这些规则可能不符合写得好的CSS或良好实践规则的标准(我看着你!很重要),但它们确实起到了作用。不过,更好的方法是通过编辑Vaadin Timeline插件源来弄脏你的手

  • 正如您肯定注意到的,文本背景已经改变。这是因为我们覆盖了只为一行设计的默认背景(您应该提供自己的背景图像)

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

  • 要添加新行还是创建水平滚动条?谢谢你的回答。我仍然有两个问题:1,如果我想显示一条很长的消息,(>10行)字符串仍然会被截断。另一个是你在第3点提到的问题。