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