silverstripe-framework/templates/SilverStripe/Forms/HTMLEditorField_UploadField.ss
Paul 955d75b219 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 13:48:33 +12:00

15 lines
873 B
Scheme

<div class="ss-uploadfield-item ss-uploadfield-addfile field ss-uploadfield">
<div class="ss-uploadfield-item-info">
<label class="btn btn-secondary font-icon-upload btn--icon-xl ss-uploadfield-fromcomputer" title="<%t AssetUploadField.FROMCOMPUTERINFO 'Upload from your computer' %>">
<%t AssetUploadField.TOUPLOAD 'Upload files' %>
<input id="$id" name="$getName" class="$extraClass ss-uploadfield-fromcomputer-fileinput" data-config="$configString" type="file"<% if $multiple %> multiple="multiple"<% end_if %> title="<%t AssetUploadField.FROMCOMPUTER 'Choose files from your computer' %>" />
</label>
<a class="btn btn-secondary font-icon-link btn--icon-large ss-ui-button upload-url"><%t AssetUploadField.INSERTURL 'Insert from URL' %></a>
</div>
</div>
<div class="ss-uploadfield-editandorganize">
<ul class="ss-uploadfield-files files"></ul>
</div>