Antonio-Maranhao closed pull request #1140: Increase the width of string editor 
modal
URL: https://github.com/apache/couchdb-fauxton/pull/1140
 
 
   

This is a PR merged from a forked repository.
As GitHub hides the original diff on merge, it is displayed below for
the sake of provenance:

As this is a foreign pull request (from a fork), the diff is supplied
below (as it won't show otherwise due to GitHub magic):

diff --git a/app/addons/components/assets/less/header-breadcrumbs.less 
b/app/addons/components/assets/less/header-breadcrumbs.less
index c4bacc455..7e4b8a0bf 100644
--- a/app/addons/components/assets/less/header-breadcrumbs.less
+++ b/app/addons/components/assets/less/header-breadcrumbs.less
@@ -33,7 +33,7 @@ a.faux-header__breadcrumbs-link {
   &:hover {
   color: @hoverHighlight;
   text-decoration: none;
-  cursor: hand;
+  cursor: pointer;
   }
 }
 
diff --git a/app/addons/components/assets/less/modals.less 
b/app/addons/components/assets/less/modals.less
index 2bc047262..93e1ba3ea 100644
--- a/app/addons/components/assets/less/modals.less
+++ b/app/addons/components/assets/less/modals.less
@@ -20,6 +20,6 @@
   &:hover {
     color: @hoverHighlight;
     text-decoration: none;
-    cursor: hand;
+    cursor: pointer;
   }
 }
diff --git a/app/addons/components/components/stringeditmodal.js 
b/app/addons/components/components/stringeditmodal.js
index edee0c9a1..0c699be0c 100644
--- a/app/addons/components/components/stringeditmodal.js
+++ b/app/addons/components/components/stringeditmodal.js
@@ -56,7 +56,7 @@ export class StringEditModal extends React.Component {
 
   render() {
     return (
-      <Modal dialogClassName="string-editor-modal" show={this.props.visible} 
onHide={this.closeModal}>
+      <Modal className="string-editor-modal" show={this.props.visible} 
onHide={this.closeModal}>
         <Modal.Header closeButton={true}>
           <Modal.Title>Edit Value <span 
id="string-edit-header"></span></Modal.Title>
         </Modal.Header>
diff --git a/app/addons/documents/assets/less/doc-editor.less 
b/app/addons/documents/assets/less/doc-editor.less
index 97895e808..b0f3e9efb 100644
--- a/app/addons/documents/assets/less/doc-editor.less
+++ b/app/addons/documents/assets/less/doc-editor.less
@@ -83,7 +83,7 @@
     &:hover {
       color: @hoverHighlight;
       text-decoration: none;
-      cursor: hand;
+      cursor: pointer;
     }
   }
   .panel-button {
@@ -91,7 +91,7 @@
     &:hover {
       color: @hoverHighlight;
       text-decoration: none;
-      cursor: hand;
+      cursor: pointer;
     }
   }
 
@@ -195,9 +195,16 @@
   }
 }
 
-#editor-container div.string-editor-modal {
-  height: inherit;
-  max-height: 600px;
+div.string-editor-modal {
+  width: 80%;
+
+  .modal-content {
+    min-width: initial;
+  }
+
+  .modal-body {
+    padding: 0px;
+  }
 }
 
 .attachment-delimiter {
diff --git a/app/addons/documents/assets/less/documents.less 
b/app/addons/documents/assets/less/documents.less
index c161e9bf3..6e31c632b 100644
--- a/app/addons/documents/assets/less/documents.less
+++ b/app/addons/documents/assets/less/documents.less
@@ -131,14 +131,6 @@ button.string-edit[disabled] {
   display: none;
 }
 
-#string-edit-modal {
-  div.modal {
-    overflow-x: visible;
-    width: initial;
-    min-width: 560px;
-  }
-}
-
 #string-editor-wrapper {
   height: 500px;
   width: 100%;
diff --git a/app/addons/documents/assets/less/view-editor.less 
b/app/addons/documents/assets/less/view-editor.less
index ddfb6ce14..163c244d6 100644
--- a/app/addons/documents/assets/less/view-editor.less
+++ b/app/addons/documents/assets/less/view-editor.less
@@ -250,6 +250,6 @@ a.index-cancel-link {
   &:hover {
     color: @hoverHighlight;
     text-decoration: none;
-    cursor: hand;
+    cursor: pointer;
   }
 }
diff --git a/assets/less/fauxton.less b/assets/less/fauxton.less
index bffd722e4..5658e2e9d 100644
--- a/assets/less/fauxton.less
+++ b/assets/less/fauxton.less
@@ -142,6 +142,21 @@ a:hover {
   }
 }
 
+.modal {
+  transform: translateX(-50%);
+  margin-left: inherit;
+}
+
+.modal-dialog {
+  display: flex;
+  flex-direction: row;
+}
+
+.modal-content {
+  flex: 1;
+  width: 560px;
+}
+
 /*TABLE STYLES*/
 table.table {
   table-layout: fixed;


 

----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on GitHub and use the
URL above to go to the specific comment.
 
For queries about this service, please contact Infrastructure at:
us...@infra.apache.org


With regards,
Apache Git Services

Reply via email to