Skip to content
This repository was archived by the owner on Feb 10, 2024. It is now read-only.

Dialog width fixes for umbraco 7.5.4 #56

Closed
wants to merge 3 commits into from
Closed

Dialog width fixes for umbraco 7.5.4 #56

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
ff5c7e9
Update doctypegrideditor.services.js
tompipe Nov 2, 2016
bc3b981
Update doctypegrideditor.css
tompipe Nov 2, 2016
3da09cc
Update doctypegrideditor.dialog.html
tompipe Nov 2, 2016
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
23 changes: 22 additions & 1 deletion ....Umbraco.DocTypeGridEditor/Web/UI/App_Plugins/DocTypeGridEditor/Css/doctypegrideditor.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
/*.dtge-dialog fieldset legend {
/*.dtge-dialog fieldset legend {
display: none;
}*/

Expand All @@ -12,3 +12,24 @@
.dtge-dialog .help-inline {
color: #9d261d;
}

@media only screen and (min-width: 1400px) {
.umb-modal.fade.in.wide.dtge-modal {
width: 700px !important;
margin-left: -700px !important;
}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.umb-modal.fade.in.wide.dtge-modal {
width: 600px !important;
margin-left: -600px !important;
}
}

@media only screen and (min-width: 1000px) and (max-width: 1199px) {
.umb-modal.fade.in.wide.dtge-modal {
width: 500px !important;
margin-left: -500px !important;
}
}
5 changes: 3 additions & 2 deletions ...o.DocTypeGridEditor/Web/UI/App_Plugins/DocTypeGridEditor/Js/doctypegrideditor.services.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
angular.module('umbraco.services').factory('Our.Umbraco.DocTypeGridEditor.Services.DocTypeDialogService',
angular.module('umbraco.services').factory('Our.Umbraco.DocTypeGridEditor.Services.DocTypeDialogService',
function (dialogService, editorState) {
return {
open: function (options) {
Expand All @@ -7,10 +7,11 @@
template: "/App_Plugins/DocTypeGridEditor/Views/doctypegrideditor.dialog.html",
show: true,
requireName: true,
modalClass: "umb-modal wide dtge-modal"
}, options);

// Launch the dialog
dialogService.open(o);
}
};
});
});
4 changes: 2 additions & 2 deletions ...ocTypeGridEditor/Web/UI/App_Plugins/DocTypeGridEditor/Views/doctypegrideditor.dialog.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<ng-form name="dtgeForm" novalidate>
<ng-form id="dtgeForm" name="dtgeForm" novalidate>
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Is id="dtgeForm" needed? Can't see it being used?

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ah just spotted that myself, i added it earlier whilst trying to make it work, and found a better way. You're right, its not needed now

<div class="dtge-dialog umb-panel" ng-controller="Our.Umbraco.DocTypeGridEditor.Dialogs.DocTypeGridEditorDialog">

<div class="umb-panel-body no-header with-footer umb-scrollable" ng-switch="dialogMode">
Expand Down Expand Up @@ -41,4 +41,4 @@
</div>
</div>
</div>
</ng-form>
</ng-form>