From 1341bf5a9e284c1764baf08c1ee7d2a6af0b4a02 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=B8=BF=E5=88=99?= <hungtcs@163.com>
Date: Fri, 17 Jul 2020 01:46:27 +0800
Subject: [PATCH] add preview width constraint (#10062)

* fix: add preview width constraint

* fix: set object item dropdown menu nowrap style
---
 browser/app/js/objects/PreviewObjectModal.js | 2 +-
 browser/app/less/inc/list.less               | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/browser/app/js/objects/PreviewObjectModal.js b/browser/app/js/objects/PreviewObjectModal.js
index c4eb84d82..ed6dda3be 100644
--- a/browser/app/js/objects/PreviewObjectModal.js
+++ b/browser/app/js/objects/PreviewObjectModal.js
@@ -46,7 +46,7 @@ class PreviewObjectModal extends React.Component {
         <ModalBody>
           <div className="input-group">
             {this.state.url && (
-              <object data={this.state.url}>
+              <object data={this.state.url} style={{ display: "block", width: "100%" }}>
                 <h3 style={{ textAlign: "center", display: "block", width: "100%" }}>
                   Do not have read permissions to preview "{this.props.object.name}"
                 </h3>
diff --git a/browser/app/less/inc/list.less b/browser/app/less/inc/list.less
index 721863555..2414b2cd7 100644
--- a/browser/app/less/inc/list.less
+++ b/browser/app/less/inc/list.less
@@ -349,6 +349,7 @@ div.fesl-row {
         margin: 0;
         height: 100%;
         text-align: right;
+        white-space: nowrap;
     }
 
     .dropdown {
@@ -495,4 +496,4 @@ div.fesl-row {
         .opacity(1);
         right: 0;
     }
-}
\ No newline at end of file
+}