inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-31 17:38:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

#263 fix css upload drag & drop area

Browse Source
This commit is contained in:
Mario Romano
2016-06-27 15:31:52 +01:00
parent e893cb6e10
commit 60e1e5bdc7
3 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
ng2-components/ng2-alfresco-upload/demo/src/main.ts
View File

@@ -61,13 +61,14 @@ import { ALFRESCO_ULPOAD_COMPONENTS, UploadService } from 'ng2-alfresco-upload';
<br><br> <br><br>
<alfresco-upload-drag-area (onSuccess)="customMethod($event)" > <alfresco-upload-drag-area (onSuccess)="customMethod($event)" class="upload-border">
<div style="width: 200px; height: 100px; border: 1px solid #888888"> <div class="drag-area">
DRAG HERE DRAG HERE
</div> </div>
</alfresco-upload-drag-area> </alfresco-upload-drag-area>
<file-uploading-dialog></file-uploading-dialog> <file-uploading-dialog></file-uploading-dialog>
`, `,
styles: [`.upload-border { position: absolute; padding: 5px 5px }`, `.drag-area { width: 200px; height: 100px; border: 1px solid #888888;}`],
directives: [ALFRESCO_ULPOAD_COMPONENTS] directives: [ALFRESCO_ULPOAD_COMPONENTS]
}) })
export class MyDemoApp implements OnInit { export class MyDemoApp implements OnInit {

2
ng2-components/ng2-alfresco-upload/package.json
View File

@@ -1,7 +1,7 @@
{ {
"name": "ng2-alfresco-upload", "name": "ng2-alfresco-upload",
"description": "Alfresco Angular2 Upload Component", "description": "Alfresco Angular2 Upload Component",
"version": "0.1.46", "version": "0.1.47",
"author": "Alfresco Software, Ltd.", "author": "Alfresco Software, Ltd.",
"scripts": { "scripts": {
"clean": "rimraf dist node_modules typings", "clean": "rimraf dist node_modules typings",

2
ng2-components/ng2-alfresco-upload/src/components/upload-drag-area.component.css
View File

@@ -1,11 +1,11 @@
.upload-border { .upload-border {
vertical-align: middle; vertical-align: middle;
color: #555; color: #555;
padding: 20px;
text-align: center; text-align: center;
} }
.input-focus { .input-focus {
color: #2196F3; color: #2196F3;
margin-left: 3px;
border: 3px dashed #2196F3; border: 3px dashed #2196F3;
} }