From df2ee8e3e1bef9a5ee3414b75151d8de1f38adec Mon Sep 17 00:00:00 2001 From: Poornima Nayar Date: Wed, 10 Oct 2018 10:21:02 +0100 Subject: [PATCH] Moved the css rules for the rollback modal to a new stylesheet --- src/Umbraco.Web.UI.Client/src/less/belle.less | 373 +++++++-------- .../src/less/legacydialog.less | 58 +++ .../src/less/modals.less | 451 ++++++++---------- 3 files changed, 442 insertions(+), 440 deletions(-) create mode 100644 src/Umbraco.Web.UI.Client/src/less/legacydialog.less diff --git a/src/Umbraco.Web.UI.Client/src/less/belle.less b/src/Umbraco.Web.UI.Client/src/less/belle.less index eaf0b60707..7f10c3d4d7 100644 --- a/src/Umbraco.Web.UI.Client/src/less/belle.less +++ b/src/Umbraco.Web.UI.Client/src/less/belle.less @@ -1,186 +1,187 @@ - -// Core variables and mixins -@import "fonts.less"; // Loading fonts -@import "variables.less"; // Modify this for custom colors, font-sizes, etc -@import "mixins.less"; - -// CSS Reset -@import "../../lib/bootstrap/less/reset.less"; - -// Grid system and page structure -@import "../../lib/bootstrap/less/scaffolding.less"; -@import "../../lib/bootstrap/less/grid.less"; -@import "../../lib/bootstrap/less/layouts.less"; - -// Base CSS -@import "../../lib/bootstrap/less/type.less"; -@import "../../lib/bootstrap/less/code.less"; -@import "tables.less"; - - -// Components: common -@import "../../lib/bootstrap/less/dropdowns.less"; -@import "../../lib/bootstrap/less/wells.less"; -@import "../../lib/bootstrap/less/component-animations.less"; -@import "../../lib/bootstrap/less/close.less"; - -// Components: Buttons & Alerts -@import "../../lib/bootstrap/less/button-groups.less"; -@import "alerts.less"; // Note: alerts share common CSS with buttons and thus have styles in buttons.less - -// Components: Nav -@import "navs.less"; -@import "../../lib/bootstrap/less/navbar.less"; -@import "../../lib/bootstrap/less/breadcrumbs.less"; -@import "../../lib/bootstrap/less/pagination.less"; -@import "../../lib/bootstrap/less/pager.less"; - -// Components: Popovers -@import "../../lib/bootstrap/less/modals.less"; -@import "../../lib/bootstrap/less/tooltip.less"; -@import "../../lib/bootstrap/less/popovers.less"; -@import "tipmenu.less"; - -// Components: Misc -@import "../../lib/bootstrap/less/thumbnails.less"; -@import "../../lib/bootstrap/less/media.less"; -@import "../../lib/bootstrap/less/labels-badges.less"; -@import "../../lib/bootstrap/less/progress-bars.less"; -@import "../../lib/bootstrap/less/accordion.less"; -@import "../../lib/bootstrap/less/carousel.less"; -@import "../../lib/bootstrap/less/hero-unit.less"; - - -// Utility classes -@import "../../lib/bootstrap/less/utilities.less"; // Has to be last to override when necessary - - -// Application wide styles (refactor is WIP) -@import "application/grid.less"; -@import "application/shadows.less"; -@import "application/animations.less"; - -// Utilities -@import "utilities/_font-weight.less"; - -// Belle styles -@import "buttons.less"; -@import "forms.less"; -@import "modals.less"; -@import "panel.less"; -@import "sections.less"; -@import "helveticons.less"; -@import "main.less"; -@import "tree.less"; -@import "listview.less"; -@import "gridview.less"; -@import "footer.less"; -@import "dragdrop.less"; -@import "dashboards.less"; - -@import "forms/umb-validation-label.less"; - -// Umbraco Components -@import "components/application/umb-tour.less"; -@import "components/application/umb-backdrop.less"; -@import "components/application/umb-drawer.less"; - -@import "components/editor.less"; -@import "components/overlays.less"; -@import "components/card.less"; -@import "components/umb-sub-views.less"; -@import "components/umb-editor-navigation.less"; -@import "components/umb-editor-sub-views.less"; -@import "components/editor/subheader/umb-editor-sub-header.less"; -@import "components/umb-grid-selector.less"; -@import "components/umb-child-selector.less"; -@import "components/umb-group-builder.less"; -@import "components/umb-list-view-settings.less"; -@import "components/umb-table.less"; -@import "components/umb-confirm-action.less"; -@import "components/umb-keyboard-shortcuts-overview.less"; -@import "components/umb-checkbox-list.less"; -@import "components/umb-locked-field.less"; -@import "components/umb-tabs.less"; -@import "components/umb-load-indicator.less"; -@import "components/umb-breadcrumbs.less"; -@import "components/umb-media-grid.less"; -@import "components/umb-folder-grid.less"; -@import "components/umb-content-grid.less"; -@import "components/umb-layout-selector.less"; -@import "components/tooltip/umb-tooltip.less"; -@import "components/tooltip/umb-tooltip-list.less"; -@import "components/overlays/umb-overlay-backdrop.less"; -@import "components/umb-grid.less"; -@import "components/umb-empty-state.less"; -@import "components/umb-property-editor.less"; -@import "components/umb-color-swatches.less"; -@import "components/check-circle.less"; -@import "components/umb-iconpicker.less"; -@import "components/umb-insert-code-box.less"; -@import "components/umb-packages.less"; -@import "components/umb-package-local-install.less"; -@import "components/umb-lightbox.less"; -@import "components/umb-avatar.less"; -@import "components/umb-progress-bar.less"; -@import "components/umb-querybuilder.less"; -@import "components/umb-pagination.less"; -@import "components/umb-mini-list-view.less"; -@import "components/umb-multiple-textbox.less"; -@import "components/umb-badge.less"; -@import "components/umb-nested-content.less"; -@import "components/umb-checkmark.less"; -@import "components/umb-list.less"; -@import "components/umb-box.less"; -@import "components/umb-number-badge.less"; -@import "components/umb-progress-circle.less"; - -@import "components/buttons/umb-button.less"; -@import "components/buttons/umb-button-group.less"; -@import "components/buttons/umb-era-button.less"; -@import "components/buttons/umb-toggle.less"; - -@import "components/notifications/umb-notifications.less"; -@import "components/umb-file-dropzone.less"; -@import "components/umb-node-preview.less"; -@import "components/umb-mini-editor.less"; - -@import "components/users/umb-user-cards.less"; -@import "components/users/umb-user-details.less"; -@import "components/users/umb-user-group-picker-list.less"; -@import "components/users/umb-user-group-preview.less"; -@import "components/users/umb-user-preview.less"; -@import "components/users/umb-user-picker-list.less"; -@import "components/users/umb-permission.less"; - - -// Utilities -@import "utilities/layout/_display.less"; -@import "utilities/typography/_text-decoration.less"; -@import "utilities/typography/_white-space.less"; -@import "utilities/_flexbox.less"; -@import "utilities/_spacing.less"; -@import "utilities/_text-align.less"; -@import "utilities/_width.less"; - -//page specific styles -@import "pages/document-type-editor.less"; -@import "pages/login.less"; -@import "pages/welcome-dashboard.less"; - - -//used for property editors -@import "property-editors.less"; - -//used for prevalue editors -@import "components/prevalues/multivalues.less"; - - -@import "typeahead.less"; -@import "hacks.less"; - -@import "healthcheck.less"; -@import "getstarted.less"; - -// cleanup properties.less when it is done -@import "properties.less"; + +// Core variables and mixins +@import "fonts.less"; // Loading fonts +@import "variables.less"; // Modify this for custom colors, font-sizes, etc +@import "mixins.less"; + +// CSS Reset +@import "../../lib/bootstrap/less/reset.less"; + +// Grid system and page structure +@import "../../lib/bootstrap/less/scaffolding.less"; +@import "../../lib/bootstrap/less/grid.less"; +@import "../../lib/bootstrap/less/layouts.less"; + +// Base CSS +@import "../../lib/bootstrap/less/type.less"; +@import "../../lib/bootstrap/less/code.less"; +@import "tables.less"; + + +// Components: common +@import "../../lib/bootstrap/less/dropdowns.less"; +@import "../../lib/bootstrap/less/wells.less"; +@import "../../lib/bootstrap/less/component-animations.less"; +@import "../../lib/bootstrap/less/close.less"; + +// Components: Buttons & Alerts +@import "../../lib/bootstrap/less/button-groups.less"; +@import "alerts.less"; // Note: alerts share common CSS with buttons and thus have styles in buttons.less + +// Components: Nav +@import "navs.less"; +@import "../../lib/bootstrap/less/navbar.less"; +@import "../../lib/bootstrap/less/breadcrumbs.less"; +@import "../../lib/bootstrap/less/pagination.less"; +@import "../../lib/bootstrap/less/pager.less"; + +// Components: Popovers +@import "../../lib/bootstrap/less/modals.less"; +@import "../../lib/bootstrap/less/tooltip.less"; +@import "../../lib/bootstrap/less/popovers.less"; +@import "tipmenu.less"; + +// Components: Misc +@import "../../lib/bootstrap/less/thumbnails.less"; +@import "../../lib/bootstrap/less/media.less"; +@import "../../lib/bootstrap/less/labels-badges.less"; +@import "../../lib/bootstrap/less/progress-bars.less"; +@import "../../lib/bootstrap/less/accordion.less"; +@import "../../lib/bootstrap/less/carousel.less"; +@import "../../lib/bootstrap/less/hero-unit.less"; + + +// Utility classes +@import "../../lib/bootstrap/less/utilities.less"; // Has to be last to override when necessary + + +// Application wide styles (refactor is WIP) +@import "application/grid.less"; +@import "application/shadows.less"; +@import "application/animations.less"; + +// Utilities +@import "utilities/_font-weight.less"; + +// Belle styles +@import "buttons.less"; +@import "forms.less"; +@import "legacydialog.less"; +@import "modals.less"; +@import "panel.less"; +@import "sections.less"; +@import "helveticons.less"; +@import "main.less"; +@import "tree.less"; +@import "listview.less"; +@import "gridview.less"; +@import "footer.less"; +@import "dragdrop.less"; +@import "dashboards.less"; + +@import "forms/umb-validation-label.less"; + +// Umbraco Components +@import "components/application/umb-tour.less"; +@import "components/application/umb-backdrop.less"; +@import "components/application/umb-drawer.less"; + +@import "components/editor.less"; +@import "components/overlays.less"; +@import "components/card.less"; +@import "components/umb-sub-views.less"; +@import "components/umb-editor-navigation.less"; +@import "components/umb-editor-sub-views.less"; +@import "components/editor/subheader/umb-editor-sub-header.less"; +@import "components/umb-grid-selector.less"; +@import "components/umb-child-selector.less"; +@import "components/umb-group-builder.less"; +@import "components/umb-list-view-settings.less"; +@import "components/umb-table.less"; +@import "components/umb-confirm-action.less"; +@import "components/umb-keyboard-shortcuts-overview.less"; +@import "components/umb-checkbox-list.less"; +@import "components/umb-locked-field.less"; +@import "components/umb-tabs.less"; +@import "components/umb-load-indicator.less"; +@import "components/umb-breadcrumbs.less"; +@import "components/umb-media-grid.less"; +@import "components/umb-folder-grid.less"; +@import "components/umb-content-grid.less"; +@import "components/umb-layout-selector.less"; +@import "components/tooltip/umb-tooltip.less"; +@import "components/tooltip/umb-tooltip-list.less"; +@import "components/overlays/umb-overlay-backdrop.less"; +@import "components/umb-grid.less"; +@import "components/umb-empty-state.less"; +@import "components/umb-property-editor.less"; +@import "components/umb-color-swatches.less"; +@import "components/check-circle.less"; +@import "components/umb-iconpicker.less"; +@import "components/umb-insert-code-box.less"; +@import "components/umb-packages.less"; +@import "components/umb-package-local-install.less"; +@import "components/umb-lightbox.less"; +@import "components/umb-avatar.less"; +@import "components/umb-progress-bar.less"; +@import "components/umb-querybuilder.less"; +@import "components/umb-pagination.less"; +@import "components/umb-mini-list-view.less"; +@import "components/umb-multiple-textbox.less"; +@import "components/umb-badge.less"; +@import "components/umb-nested-content.less"; +@import "components/umb-checkmark.less"; +@import "components/umb-list.less"; +@import "components/umb-box.less"; +@import "components/umb-number-badge.less"; +@import "components/umb-progress-circle.less"; + +@import "components/buttons/umb-button.less"; +@import "components/buttons/umb-button-group.less"; +@import "components/buttons/umb-era-button.less"; +@import "components/buttons/umb-toggle.less"; + +@import "components/notifications/umb-notifications.less"; +@import "components/umb-file-dropzone.less"; +@import "components/umb-node-preview.less"; +@import "components/umb-mini-editor.less"; + +@import "components/users/umb-user-cards.less"; +@import "components/users/umb-user-details.less"; +@import "components/users/umb-user-group-picker-list.less"; +@import "components/users/umb-user-group-preview.less"; +@import "components/users/umb-user-preview.less"; +@import "components/users/umb-user-picker-list.less"; +@import "components/users/umb-permission.less"; + + +// Utilities +@import "utilities/layout/_display.less"; +@import "utilities/typography/_text-decoration.less"; +@import "utilities/typography/_white-space.less"; +@import "utilities/_flexbox.less"; +@import "utilities/_spacing.less"; +@import "utilities/_text-align.less"; +@import "utilities/_width.less"; + +//page specific styles +@import "pages/document-type-editor.less"; +@import "pages/login.less"; +@import "pages/welcome-dashboard.less"; + + +//used for property editors +@import "property-editors.less"; + +//used for prevalue editors +@import "components/prevalues/multivalues.less"; + + +@import "typeahead.less"; +@import "hacks.less"; + +@import "healthcheck.less"; +@import "getstarted.less"; + +// cleanup properties.less when it is done +@import "properties.less"; diff --git a/src/Umbraco.Web.UI.Client/src/less/legacydialog.less b/src/Umbraco.Web.UI.Client/src/less/legacydialog.less new file mode 100644 index 0000000000..ca920d22c2 --- /dev/null +++ b/src/Umbraco.Web.UI.Client/src/less/legacydialog.less @@ -0,0 +1,58 @@ + +.umb-dialog .propertyItemheader { + width: 140px !Important; +} + +.umb-dialog .diffDropdown { + width: 400px; +} + +.umb-dialog .diffPanel { + height: 400px; +} + + +.umb-dialog .diff { + margin-top: 10px; + height: 100%; + overflow: auto; + border-top: 1px solid #ccc; + border-top: 1px solid #ccc; + padding: 5px; +} + +.umb-dialog .diff table { + width: 95%; + max-width: 95%; + margin: 0 3px; +} + +.umb-dialog .diff table th { + padding: 5px; + width: 25%; + border-bottom: 1px solid #ccc; +} + +.umb-dialog .diff table td { + border-bottom: 1px solid #ccc; + padding: 3px; +} + +.umb-dialog .diff del { + background: rgb(255, 230, 230) none repeat scroll 0%; + -moz-background-clip: -moz-initial; + -moz-background-origin: -moz-initial; + -moz-background-inline-policy: -moz-initial; +} + +.umb-dialog .diff ins { + background: rgb(230, 255, 230) none repeat scroll 0%; + -moz-background-clip: -moz-initial; + -moz-background-origin: -moz-initial; + -moz-background-inline-policy: -moz-initial; +} + +.umb-dialog .diff .diffnotice { + text-align: center; + margin-bottom: 10px; +} diff --git a/src/Umbraco.Web.UI.Client/src/less/modals.less b/src/Umbraco.Web.UI.Client/src/less/modals.less index d8f188dd53..48a79d01b0 100644 --- a/src/Umbraco.Web.UI.Client/src/less/modals.less +++ b/src/Umbraco.Web.UI.Client/src/less/modals.less @@ -1,254 +1,197 @@ -/* Modals -// -------------------------*/ - -/* Modalcolumn is used for menu panels */ -.umb-modalcolumn { - background: @white; -} - -.umb-modalcolumn-header { - background: @gray-10; - border-bottom: 1px solid @purple-l3; - height: 94px; - padding: 5px 20px 0px 20px; - white-space: nowrap -} - -.umb-modalcolumn-header h1{ - margin: 0; - white-space: nowrap; - font-size: @fontSizeLarge; - font-weight: 400; - padding-top: 10px !important; -} - -.umb-modalcolumn-body { - padding: 0px; - background: @white; - top: 100px; - position: absolute; - left: 0px; - right: 0px; - bottom: 0px; - overflow: auto; -} - -.no-padding .umb-modalcolumn-body { - padding: 0px -} - -.umb-modalcolumn .umb-modalcolumn-header .btn { - position: absolute; - top: 13px; - right: 15px -} - -.umb-modalcolumn iframe.auto-expand, .umb-modal iframe.auto-expand { - border: none; - padding: 0px; - margin: 0px; - top: 0px; - bottom: 0px; - left: 0px; - right: 0px; - position: absolute;; -} - -/* re-align loader */ -.umb-modal .umb-loader-wrapper, .umb-modalcolumn .umb-loader-wrapper, .umb-dialog .umb-loader-wrapper{ - position:relative; - margin: 20px -20px; -} - -.umb-modal-left .umb-panel-header .umb-headline, .umb-modal-left .umb-panel-header h1 { - width: auto; - padding-left: 0; -} - -/* umb.dialog is used for the dialogs on the conent tree*/ -.umb-dialog { - outline: none; - top: 0px; - left: 0px; - right: 0px; - bottom: 0px; - position: absolute; - padding: 0px; -} - -.umb-dialog .umb-btn-toolbar .umb-control-group{ - border: none; - padding: none; -} - -.umb-dialog-body{ - position: absolute; - overflow:auto; - top: 0px; - left: 0px; - right: 0px; - bottom: 52px; -} -.umb-dialog-body .umb-pane{margin-top: 15px;} - -.umb-dialog-footer{ - position: absolute; - overflow:auto; - text-align: right; - height: 32px; - left: 0px; - right: 0px; - bottom: 0px; - padding: 10px 20px; - margin: 0; - background: @gray-10; - border-top: 1px solid @purple-l3; -} - -.umb-dialog .propertyItemheader { - width: 140px !Important; -} - -.umb-dialog .diffDropdown -{ - width:400px; -} - -.umb-dialog .diffPanel { - height: 400px; -} - - -.umb-dialog .diff { - margin-top: 10px; - height: 100%; - overflow: auto; - border-top: 1px solid #ccc; - border-top: 1px solid #ccc; - padding: 5px; -} -.umb-dialog .diff table{ - width:95%; - max-width:95%; - margin: 0 3px; -} -.umb-dialog .diff table th { - padding: 5px; - width: 25%; - border-bottom: 1px solid #ccc; -} - -.umb-dialog .diff table td { - border-bottom: 1px solid #ccc; - padding: 3px; -} - -.umb-dialog .diff del { - background: rgb(255, 230, 230) none repeat scroll 0%; - -moz-background-clip: -moz-initial; - -moz-background-origin: -moz-initial; - -moz-background-inline-policy: -moz-initial; -} - -.umb-dialog .diff ins { - background: rgb(230, 255, 230) none repeat scroll 0%; - -moz-background-clip: -moz-initial; - -moz-background-origin: -moz-initial; - -moz-background-inline-policy: -moz-initial; -} - -.umb-dialog .diff .diffnotice { - text-align: center; - margin-bottom: 10px; -} - -/*we will always make sure to wrap iframe dialogs in proper padding*/ -.umbracoDialog{ - width: auto !Important; - height: auto !Important; - padding: 20px; -} -.umbracoDialog .umb-pane{margin-left: 0px; margin-right: 0px; margin-top: 0px;} -.umbracoDialog .umb-dialog-body .umb-pane{margin-left: 20px; margin-right: 20px; margin-top: 20px;} -.umbracoDialog form{height: 100%;} - -/*ensures dialogs doesnt have side-by-side labels*/ -.umbracoDialog .controls-row, -.umb-modal .controls-row{margin-left: 0px !important;} - -/* modal and umb-modal are used for right.hand dialogs */ -.modal { - border-radius: 0 !important; - - &.fade.in{border: none !important;} -} -.umb-modal.fade { - outline: none; - top: 0 !important; - left: -100% !important; - width: 0px !important; - -webkit-transition: left 0.3s linear, left 0.3s ease-out; - -moz-transition: opacity 0.3s linear, top 0.3s ease-out; - -o-transition: opacity 0.3s linear, top 0.3s ease-out; - transition: opacity 0.3s linear, top 0.3s ease-out; - height: 100% !important; -} - -.umb-modal.fade.in { - top: 0 !important; - left: 100% !important; - margin-left: -440px; - width: 440px !important; - height: 100% !important; - display: block; -} - -.umb-modal-left.fade { - top: 0 !important; - left: -100% !important; - width: 0px !important; - -webkit-transition: left 0.3s linear, left 0.3s ease-out; - -moz-transition: opacity 0.3s linear, top 0.3s ease-out; - -o-transition: opacity 0.3s linear, top 0.3s ease-out; - transition: opacity 0.3s linear, top 0.3s ease-out; - height: 100% !important; -} -.umb-modal-left.fade.in { - top: 0 !important; - left: 0 !important; - margin-left: 80px; - width: 440px !important; - height: 100% !important; - display: block; -} - -/*Modal default panel styles*/ -.umb-modal .umb-panel-header { - padding: 20px; - background: @white; - border: none; - height: auto; -} -.umb-modal .umb-panel-body{ - padding: 0px 20px 0px 20px; -} - -.umb-modal.fade.in.wide { - margin-left: -640px; - width: 640px !important; -} -.umb-modal i { - font-size: 20px; -} -.umb-modal .breadcrumb { - background: none; - padding: 0 -} - -.umb-modal .breadcrumb input { - height: 12px -} - -.umb-modal.ysod { - z-index: 10000; -} +/* Modals +// -------------------------*/ + +/* Modalcolumn is used for menu panels */ +.umb-modalcolumn { + background: @white; +} + +.umb-modalcolumn-header { + background: @gray-10; + border-bottom: 1px solid @purple-l3; + height: 94px; + padding: 5px 20px 0px 20px; + white-space: nowrap +} + +.umb-modalcolumn-header h1{ + margin: 0; + white-space: nowrap; + font-size: @fontSizeLarge; + font-weight: 400; + padding-top: 10px !important; +} + +.umb-modalcolumn-body { + padding: 0px; + background: @white; + top: 100px; + position: absolute; + left: 0px; + right: 0px; + bottom: 0px; + overflow: auto; +} + +.no-padding .umb-modalcolumn-body { + padding: 0px +} + +.umb-modalcolumn .umb-modalcolumn-header .btn { + position: absolute; + top: 13px; + right: 15px +} + +.umb-modalcolumn iframe.auto-expand, .umb-modal iframe.auto-expand { + border: none; + padding: 0px; + margin: 0px; + top: 0px; + bottom: 0px; + left: 0px; + right: 0px; + position: absolute;; +} + +/* re-align loader */ +.umb-modal .umb-loader-wrapper, .umb-modalcolumn .umb-loader-wrapper, .umb-dialog .umb-loader-wrapper{ + position:relative; + margin: 20px -20px; +} + +.umb-modal-left .umb-panel-header .umb-headline, .umb-modal-left .umb-panel-header h1 { + width: auto; + padding-left: 0; +} + +/* umb.dialog is used for the dialogs on the conent tree*/ +.umb-dialog { + outline: none; + top: 0px; + left: 0px; + right: 0px; + bottom: 0px; + position: absolute; + padding: 0px; +} + +.umb-dialog .umb-btn-toolbar .umb-control-group{ + border: none; + padding: none; +} + +.umb-dialog-body{ + position: absolute; + overflow:auto; + top: 0px; + left: 0px; + right: 0px; + bottom: 52px; +} +.umb-dialog-body .umb-pane{margin-top: 15px;} + +.umb-dialog-footer{ + position: absolute; + overflow:auto; + text-align: right; + height: 32px; + left: 0px; + right: 0px; + bottom: 0px; + padding: 10px 20px; + margin: 0; + background: @gray-10; + border-top: 1px solid @purple-l3; +} + +/*we will always make sure to wrap iframe dialogs in proper padding*/ +.umbracoDialog{ + width: auto !Important; + height: auto !Important; + padding: 20px; +} +.umbracoDialog .umb-pane{margin-left: 0px; margin-right: 0px; margin-top: 0px;} +.umbracoDialog .umb-dialog-body .umb-pane{margin-left: 20px; margin-right: 20px; margin-top: 20px;} +.umbracoDialog form{height: 100%;} + +/*ensures dialogs doesnt have side-by-side labels*/ +.umbracoDialog .controls-row, +.umb-modal .controls-row{margin-left: 0px !important;} + +/* modal and umb-modal are used for right.hand dialogs */ +.modal { + border-radius: 0 !important; + + &.fade.in{border: none !important;} +} +.umb-modal.fade { + outline: none; + top: 0 !important; + left: -100% !important; + width: 0px !important; + -webkit-transition: left 0.3s linear, left 0.3s ease-out; + -moz-transition: opacity 0.3s linear, top 0.3s ease-out; + -o-transition: opacity 0.3s linear, top 0.3s ease-out; + transition: opacity 0.3s linear, top 0.3s ease-out; + height: 100% !important; +} + +.umb-modal.fade.in { + top: 0 !important; + left: 100% !important; + margin-left: -440px; + width: 440px !important; + height: 100% !important; + display: block; +} + +.umb-modal-left.fade { + top: 0 !important; + left: -100% !important; + width: 0px !important; + -webkit-transition: left 0.3s linear, left 0.3s ease-out; + -moz-transition: opacity 0.3s linear, top 0.3s ease-out; + -o-transition: opacity 0.3s linear, top 0.3s ease-out; + transition: opacity 0.3s linear, top 0.3s ease-out; + height: 100% !important; +} +.umb-modal-left.fade.in { + top: 0 !important; + left: 0 !important; + margin-left: 80px; + width: 440px !important; + height: 100% !important; + display: block; +} + +/*Modal default panel styles*/ +.umb-modal .umb-panel-header { + padding: 20px; + background: @white; + border: none; + height: auto; +} +.umb-modal .umb-panel-body{ + padding: 0px 20px 0px 20px; +} + +.umb-modal.fade.in.wide { + margin-left: -640px; + width: 640px !important; +} +.umb-modal i { + font-size: 20px; +} +.umb-modal .breadcrumb { + background: none; + padding: 0 +} + +.umb-modal .breadcrumb input { + height: 12px +} + +.umb-modal.ysod { + z-index: 10000; +}