Insert media into TinyMCE modal, styling fixes and improvements (#5967)
* Remove interference of nested for__fieldgroup-item
* Adjust position of dropdown field
* Remove divider lines, adjust position of upload area
Clean up styles a bit too
* Adjust position of image
* Mostly css tidy up, added use of a few variables
* Toggle arrow was showing other icon because of icon height
* All buttons in toolbars remove margin below, adjust button link color
* Reorder sort and filter, add toolbar styles
* Add button styles to toolbar
* Remove some of the linting issues
* Added new panel variables
* Simplify variable
* Replace panel variable, insert media dialog positioning
* Update with new variable name, reduce space below toolbar
* Build
* Uploading file spacing, toolbar styles added
* Visual uploads, error upload fixes, edit details panel spacing
* Add toolbar to upload modal
* build
* Build
* increase width of pagination on gridfield
* Add height to uploading items only
* Build
* Added class back for beat test to pass
2016-09-14 03:48:33 +02:00
|
|
|
.ss-uploadfield-view-allowed-extensions{margin-top:-36px;float:right}.ss-uploadfield-view-allowed-extensions .toggle-content{opacity:0;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;z-index:1;padding:20px 16px;width:280px;right:-280px;top:0;bottom:0;border-left:1px solid #C1C7CC;background:#f6f7f8;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}.ss-uploadfield-view-allowed-extensions .toggle-content h4{margin:0 0 6px;padding-right:20px}.ss-uploadfield-view-allowed-extensions.active .toggle-content{right:0;opacity:1}.ss-uploadfield-view-allowed-extensions .toggle{cursor:pointer;font-size:16px;float:right;color:#66727d;width:16px;height:18px;overflow:hidden}.ss-uploadfield-view-allowed-extensions .toggle:hover,.ss-uploadfield-view-allowed-extensions .toggle:active,.ss-uploadfield-view-allowed-extensions .toggle:focus{text-decoration:none;color:#4f5861}.backlink{padding-left:12px}body.cms.ss-uploadfield-edit-iframe,.composite.ss-assetuploadfield .details fieldset{overflow:auto;background:#E2E2E2}body.cms.ss-uploadfield-edit-iframe span.readonly,.composite.ss-assetuploadfield .details fieldset span.readonly{font-style:italic;color:#9ba5ae;text-shadow:0px 1px 0px #fff}.composite.ss-assetuploadfield .details fieldset{padding:1.5385rem 1.5385rem;background-color:#f6f7f8}.ss-assetuploadfield .CompositeField{padding:1.5385rem 1.5385rem;margin:-1.5385rem -1.5385rem}.ss-assetuploadfield .CompositeField.dimensions.form-group{margin:0;padding:0}.ss-assetuploadfield .CompositeField.dimensions.form-group>.dimensions{padding-left:0;padding-right:0}.ss-assetuploadfield::after{content:"";visibility:hidden}.ss-assetuploadfield h3{border-bottom:1px solid rgba(201,205,206,0.8);-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.8);box-shadow:0 1px 0 rgba(255,255,255,0.8);margin:0 0 8px;padding:0 0 7px;clear:both;position:relative}.ss-assetuploadfield .fileOverview{clear:both;margin-top:10px;position:relative}.ss-assetuploadfield .fileOverview .uploadStatus:after{content:".";display:block;height:0;clear:both;visibility:hidden}*:first-child .ss-assetuploadfield .fileOverview .uploadStatus{zoom:1}.ss-assetuploadfield .fileOverview .uploadStatus .state{float:left;font-size:16px;font-weight:bold;line-height:1.1em}.ss-assetuploadfield .fileOverview .uploadStatus .details{opacity:0.9;float:right}.ss-assetuploadfield .ss-uploadfield-item-actions.edit-all .ss-uploadfield-item-edit-all{float:right;margin:-8px 0 0;padding:0;background:none;border:0;-webkit-box-shadow:none;box-shadow:none;color:#66727d}.ss-assetuploadfield .ss-uploadfield-item-actions.edit-all .ss-uploadfield-item-edit-all:hover{color:#7f8c97}.ss-assetuploadfield .ss-uploadfield-files{margin:0;padding:0;clear:both}.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item{-webkit-background-clip:padding-box;background-clip:padding-box;margin:0 0 5px;padding:0;position:relative;margin-left:-1.5385rem;margin-right:-1.5385rem}.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item.ui-state-error{height:32px}.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item.ui-state-error .ss-uploadfield-item-info{height:30px}.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item.ui-state-error .ss-uploadfield-item-name{position:absolute}.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item .info{position:relative;padding:7px;overflow:hidden;background-color:#FFBE66;border:1px solid #FF9300}.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item-preview{position:absolute;height:30px;width:40px;overflow:hidden;z-index:1;top:0}.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item-preview img[src$="_32.png"]{width:auto;height:26px;margin:2px 0 0 2px}.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item-info{overflow:hidden;background-color:#5db4df;background-image:-webkit-gradient(linear, left top, left bottom, from(#5db4df), color-stop(8%, #5db1dd), color-stop(50%, #439bcb), color-stop(54%, #3f99cd), color-stop(96%, #207db6), to(#1e7cba));background-image:-webkit-linear-gradient
|
Insert media into TinyMCE modal, styling fixes and improvements (#5967)
* Remove interference of nested for__fieldgroup-item
* Adjust position of dropdown field
* Remove divider lines, adjust position of upload area
Clean up styles a bit too
* Adjust position of image
* Mostly css tidy up, added use of a few variables
* Toggle arrow was showing other icon because of icon height
* All buttons in toolbars remove margin below, adjust button link color
* Reorder sort and filter, add toolbar styles
* Add button styles to toolbar
* Remove some of the linting issues
* Added new panel variables
* Simplify variable
* Replace panel variable, insert media dialog positioning
* Update with new variable name, reduce space below toolbar
* Build
* Uploading file spacing, toolbar styles added
* Visual uploads, error upload fixes, edit details panel spacing
* Add toolbar to upload modal
* build
* Build
* increase width of pagination on gridfield
* Add height to uploading items only
* Build
* Added class back for beat test to pass
2016-09-14 03:48:33 +02:00
|
|
|
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxlZ2FjeS9Bc3NldFVwbG9hZEZpZWxkLnNjc3MiLCIuLi8uLi8uLi9hZG1pbi9jbGllbnQvc3JjL3N0eWxlcy9fdmFyaWFibGVzLnNjc3MiLCIuLi8uLi8uLi9hZG1pbi9jbGllbnQvc3JjL3N0eWxlcy9sZWdhY3kvX21peGlucy5zY3NzIiwiLi4vLi4vLi4vYWRtaW4vY2xpZW50L3NyYy9zdHlsZXMvbGVnYWN5L3RoZW1lcy9fZGVmYXVsdC5zY3NzIiwiX2VsZW1lbnRNaXhpbnMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLQSx3Q0FDQyxpQkFDQSxXQUFhLENBRmQsd0RBS0UsVUFDQSw4QkFBQSxBQUNBLHNCQUFBLGtCQUNBLFVBQ0Esa0JBQ0EsWUFDQSxhQUNBLE1BQ0EsU0FDQSw4QkFDQSxtQkFDQSxrQ0FBQSxBQUEyQiw2QkFBM0IsQUFBMkIseUJBQUEsQ0FoQjdCLDJEQW1CRyxlQUNBLGtCQUFvQixDQXBCdkIsK0RBeUJFLFFBQ0EsU0FBVyxDQTFCYixnREE4QkUsZUFDQSxlQUNBLFlBQ0EsY0FDQSxXQUNBLFlBQ0EsZUFBaUIsQ0FwQ25CLG1LQXlDRyxxQkFDQSxhQUFhLENBQ2IsVUFLRixpQkFBbUIsQ0FDbkIscUZBR0EsY0FDQSxrQkFBb0IsQ0FGckIsaUhBS0Usa0JBQ0EsY0FDQSw0QkFBOEIsQ0FDOUIsaURBS0QsNEJBQ0Esd0JDeEJ3QixDRHlCeEIscUNBS0MsNEJBQ0EsNEJBQVEsQ0FKViwyREFPRyxTQUNBLFNBQVcsQ0FSZCx1RUFXSSxlQUNBLGVBQWlCLENBWnJCLDRCQXNCSSxXQUNBLGlCQUFtQixDQXZCdkIsd0JBMkJFLDhDQUNBLGlEQUFBLEFBQ0EseUNBQUEsZUFDQSxnQkFDQSxXQUNBLGlCQUFtQixDQWhDckIsbUNBb0NFLFdBQ0EsZ0JBQ0EsaUJBQW1CLENBdENyQix1REV4Q0UsWUFDQSxjQUNBLFNBQ0EsV0FDQSxpQkFBbUIsQ0FDbkIsK0RBQ2dCLE1BQU8sQ0ZrQ3pCLHdEQTRDSSxXQUNBLGVBQ0EsaUJBQ0EsaUJBQW1CLENBL0N2QiwwREFtREksWUFDQSxXQUFhLENBcERqQix5RkEyREcsWUFDQSxnQkFDQSxVQUNBLGdCQUNBLFNBQ0Esd0JBQUEsQUFDQSxnQkFBQSxhR2hGaUIsQ0hlcEIsK0ZBb0VJLGFBQWMsQ0FwRWxCLDJDQTJFRSxTQUNBLFVBQ0EsVUFBVyxDQTdFYixnRUFnRkcsb0NBQUEsQUFDQSw0QkFBQSxlQUNBLFVBQ0Esa0JBQ0EsdUJBQ0EsdUJDaWpCaUMsQ0R0b0JwQywrRUF3RkksV0FBYSxDQXhGakIseUdBMkZLLFdBQWEsQ0EzRmxCLHlHQStGSyxpQkFBbUIsQ0EvRnhCLHNFQW9HSSxrQkFDQSxZQUNBLGdCQUNBLHlCQUNBLHdCQUEwQixDQXhHOUIsd0VBNkdHLGtCQUNBLFlBQ0EsV0FDQSxnQkFDQSxVQUNBLEtBQU8sQ0FsSFYsNEZBc0hRLFdBQ0EsWUFDQSxrQkFBb0IsQ0F4SDVCLHFFQTZIRyxnQkFDQSx5QkFDQSxvTUFBQSxBQUFpQywySEFBakMsQUFBaUMsc0hBQWpDLEFBQWlDLHdIQUFBLENBL0hwQyxxRkFtSUcseUJBQ0Esb0JBQ0EsdWNBQUEsQUFDQSw0UEFEQSxBQUNBLHVQQURBLEFBQ0EsMFBBQUEsVUFBWSxDQXRJZiwrR0F5SUksZUFDQSxtQkFDQSxnQ0FBdUIsQ0EzSTNCLHFIQThJSyw2Q0FBa0MsQ0E5SXZDLHVGQW9KRyx5QkFDQSxvTUFBQSxBQUFpQywySEFBakMsQUFBaUMsc0hBQWpDLEFBQWlDLHdIQUFBLENBckpwQyxxRUFpS0csa0JBQ0EsVUFDQSxzQkFDQSxVQUNBLGNBQ0EsbUJBQ0EsaUNBQ0Esa0JBQ0EsaUJBQ0EsWUFDQSxjQUNBLGdCQUNBLGVBRUEsY0FDQSxrQkFBbUIsQ0FoTHRCLDJFQW1MSSw4Q0FDQSxlQUNBLFdBQ0EsY0FDQSxtQkFDQSxrQkVsUEgsZ0JBQ0EsbUJBQ0EsdUJBQ0EseUJBQTJCLENGdUQ1QixpR0E0TEksa0JBQ0EsWUFDQSxrQkFDQSxjRXpQSCxnQkFDQSxtQkFDQSx1QkFDQSwwQkZ3UEcsNkNBQWtDLENBak10QyxxSEFvTUssOENBQ0EsVUFBYSxDQXJNbEIsdUhBd01LLGFBQWEsQ0F4TWxCLHVIQTJNSyxhRzFNOEIsQ0hEbkMsd0VBZ05HLGtCQUNBLE1BQ0EsUUFDQSxPQUNBLFNBQVcsQ0FwTmQsc0ZJbkRFLGdCQUNBLFNBQ0Esd0JBQUEsQUFDQSxnQkFBQSxpQkFDQSxXQUNBLFdBQWEsQ0o4Q2YsaUhJMUNHLFlBQWMsQ0owQ2pCLDZPSXZDRyxnQkFDQSw0Q0FDQSxlQUNBLGVBQ0EsV0FBWSxDSm1DZix5UElqQ0ksU0FBVSxDSmlDZCwrUEk5QkssY0FDQSxTQUNBLGtCQUNBLE9BQVEsQ0oyQmIsK0dJYkUsWUFDQSxnQkFDQSxpQkFDQSxZQUNBLGVBQWlCLENKU25CLDhISVBHLGdCQUNBLFNBQVUsQ0pNYixrSklKSSxTQUFVLENKSWQsbUlJQUcsWUFDQSxnQkFDQSxxQkFDQSxVQUNBLFlBQ0EsY0FBZ0IsQ0pMbkIsd0pJT0ksZUFDQSxxQkFDQSxVQUNBLFdBQ0EscUJBQXVCLENKWDNCLCtKSWFLLFlBQWEsQ0pibEIsK0ZJb0JFLFlBQWMsQ0pwQmhCLHlFQXlORyxVQUFZLENBek5mLDZFQTROSSxZQUNBLFVBQ0EsU0FDQSxnQkFDQSxVQUFZLENBaE9oQiwwR0FtT0kseUJBQ0EscU1BQUEsQUFBaUMsNEhBQWpDLEFBQWlDLHVIQUFqQyxBQUFpQyx5SEFBQSxDQXBPckMsK0dBdU9JLFFBQ0EseUVBQTBFLENBeE85RSx5RUE4T0csU0FDQSxnQkFDQSxVQUFZLENBaFBmLGlGQW1QSSxXQUNBLFlBQ0EsZUFDQSw0RUFBNkUsQ0F0UGpGLHdGQTBQSyxjQUNBLGdCQUNBLFFBQVUsQ0E1UGYsZ0ZBaVFJLFdBQ0EsYUFDQSxrQkFBb0IsQ0FuUXhCLDRFQTJRRyxjQUNBLFVBQ0EsY0FDQSxjQUNBLGdCQUFrQixDQUNsQiwyRkFHQSxpQkFBbUIsQ0FDbkIsZ0NBTUQsa0JBQ0EsTUFDQSxRQUNBLFNBQ0EsT0FDQSxpSEFDQSxvQ0FBQSxBQUNBLDRCQUFBLFdBQWEsQ0FUZiw2Q0FhRSxVQUFZLENBQ1osbVZBZ0JELGlGQUlJLG9FQUNBLGtDQUFBLEFBQTJCLHlCQUFBLENBQzNCLENBQUEiLCJmaWxlIjoibGVnYWN5L0Fzc2V0VXBsb2FkRmllbGQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLy8gVE9ETyB3ZSBuZWVkIGEgc2VwZXJhdGVkIGZpbGUgZm9yIHN0eWxlcyB0aGF0IGFyZSB1c2VkIGluIGJvdGggY21zIGFuZCBmcm9udCBlbmQgKHN1Y2ggYXMgYnV0dG9ucylcbkBpbXBvcnQgXCIuLi8uLi8uLi8uLi9hZG1pbi9jbGllbnQvc3JjL3N0eWxlcy9sZWdhY3kvdGhlbWVzL2RlZmF1bHQuc2Nzc1wiO1xuQGltcG9ydCBcIi4uLy4uLy4uLy4uL2FkbWluL2NsaWVudC9zcmMvc3R5bGVzL2xlZ2FjeS9fbWl4aW5zLnNjc3NcIjtcbkBpbXBvcnQgX
|