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
|
