You are viewing a plain text version of this content. The canonical link for it is here.
Posted to issues@flink.apache.org by "Zhang Jianguo (Jira)" <ji...@apache.org> on 2020/08/07 02:58:00 UTC

[jira] [Updated] (FLINK-18843) Flink WEB-UI ISSUE

     [ https://issues.apache.org/jira/browse/FLINK-18843?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ]

Zhang Jianguo updated FLINK-18843:
----------------------------------
    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:java}
// code placeholder
.ant-tabs-nav .ant-tabs-tab{
  height: auto;
}
{code}

  was:
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*
{code:java}
// code placeholder
.ant-tabs-nav .ant-tabs-tab{
  height: auto;
}
{code}


> Flink WEB-UI ISSUE
> ------------------
>
>                 Key: FLINK-18843
>                 URL: https://issues.apache.org/jira/browse/FLINK-18843
>             Project: Flink
>          Issue Type: Bug
>    Affects Versions: 1.10.0
>            Reporter: Zhang Jianguo
>            Priority: Minor
>
> 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:java}
> // code placeholder
> .ant-tabs-nav .ant-tabs-tab{
>   height: auto;
> }
> {code}



--
This message was sent by Atlassian Jira
(v8.3.4#803005)