baha/skyline
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Fix the stack log is not showed completely

Browse Source 
1. The name of the stack is too long to showed completely
2. Add css style with workbreak & wordwrap to fix this problem

Change-Id: Id19f9e154841e64a9d468b90fee26e86cd06417e
This commit is contained in:
wuduochao 2021-06-30 10:11:33 +08:00 committed by xusongfu
parent 3093a201ed
commit 4ce4746058
1 changed files with 11 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/pages/heat/containers/Stack/Detail/Event.jsx
View File

@ -12,6 +12,7 @@
// See the License for the specific language governing permissions and // See the License for the specific language governing permissions and
// limitations under the License. // limitations under the License.
import React from 'react';
import { observer, inject } from 'mobx-react'; import { observer, inject } from 'mobx-react';
import Base from 'containers/List'; import Base from 'containers/List';
import { StackEventStore } from 'stores/heat/event'; import { StackEventStore } from 'stores/heat/event';
@ -45,10 +46,20 @@ export default class Event extends Base {
{ {
title: t('Stack Resource'), title: t('Stack Resource'),
dataIndex: 'logical_resource_id', dataIndex: 'logical_resource_id',
render: (it) => (
<div style={{ wordWrap: 'break-word', wordBreak: 'break-word' }}>
{it}
</div>
),
}, },
{ {
title: t('Resource'), title: t('Resource'),
dataIndex: 'physical_resource_id', dataIndex: 'physical_resource_id',
render: (it) => (
<div style={{ wordWrap: 'break-word', wordBreak: 'break-word' }}>
{it}
</div>
),
}, },
{ {
title: t('Resource Status'), title: t('Resource Status'),