[FLINK-18843] Content of tabs is not completely visible

• Type: Bug
• Status: Open
• Priority: Minor
• Resolution: Unresolved
• Affects Version/s: 1.10.0
• Component/s: Runtime / Web Frontend
• Assignee: Unassigned
• Reporter: Zhang Jianguo
• Created: 07/Aug/20 02:56
• Updated: 02/Sep/21 07:31

Description

Flink web-ui use Tabs provided by ant-design implements navigations. I found an ISSUE of Tabs saying that the height of Tabs are configured as 100% by default.

It results in the content of current Tab can't be viewed.

https://github.com/ant-design/ant-design/issues/23890

 

I fixed it in our project by rewrite the style of class ant-tabs-nav and ant-tabs-tab like following in rewrite.less, it looks like work.

// code placeholder
.ant-tabs-nav .ant-tabs-tab{
  height: auto;
}