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

#151 Improve css upload component

Browse Source
This commit is contained in:
mauriziovitale84
2016-06-10 10:36:56 +01:00
parent d232ef7db7
commit 91b93464e8
6 changed files with 15 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
ng2-components/ng2-alfresco-upload/demo/assets/material.orange-blue.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

2
ng2-components/ng2-alfresco-upload/demo/index.html
View File

@@ -6,7 +6,7 @@
<base href="./"> <base href="./">
<!-- Google Material Design Lite --> <!-- Google Material Design Lite -->
<link rel="stylesheet" href="node_modules/material-design-lite/material.min.css"> <link rel="stylesheet" href="/assets/material.orange-blue.min.css">
<script src="node_modules/material-design-lite/material.min.js"></script> <script src="node_modules/material-design-lite/material.min.js"></script>
<link rel="stylesheet" href="node_modules/material-design-icons/iconfont/material-icons.css"> <link rel="stylesheet" href="node_modules/material-design-icons/iconfont/material-icons.css">

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.35", "version": "0.1.36",
"author": "Alfresco Software, Ltd.", "author": "Alfresco Software, Ltd.",
"scripts": { "scripts": {
"typings": "typings install", "typings": "typings install",

4
ng2-components/ng2-alfresco-upload/src/components/file-uploading-dialog.component.css
View File

@@ -9,7 +9,7 @@
.file-dialog { .file-dialog {
display: none; display: none;
-webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2); -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2); box-shadow: -2px -1px 8px 3px rgba(0, 0, 0, .2);
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
border-radius: 2px; border-radius: 2px;
-webkit-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0);
@@ -28,7 +28,7 @@
} }
.file-dialog .header { .file-dialog .header {
background-color: #0c79bf; background-color: rgb(31,188,210);
border: 1px transparent solid; border: 1px transparent solid;
-moz-border-radius-topleft: 2px; -moz-border-radius-topleft: 2px;
-webkit-border-top-left-radius: 2px; -webkit-border-top-left-radius: 2px;

1
ng2-components/ng2-alfresco-upload/src/components/upload-button.component.css
View File

@@ -7,6 +7,7 @@
top: 0; top: 0;
width: 300px; width: 300px;
z-index: 4; z-index: 4;
background-color: rgb(255,152,0);
} }
.mdl-textfield--file .mdl-textfield__input { .mdl-textfield--file .mdl-textfield__input {

4
ng2-components/ng2-alfresco-upload/src/components/upload-button.component.html
View File

@@ -1,6 +1,6 @@
<form> <form>
<!--Files Upload--> <!--Files Upload-->
<div *ngIf="!uploadFolders" class="mdl-button mdl-js-button mdl-button--raised mdl-button--file"> <div *ngIf="!uploadFolders" class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored mdl-button--file">
<i class="material-icons">file_upload</i> <i class="material-icons">file_upload</i>
<!--Multiple Files Upload--> <!--Multiple Files Upload-->
@@ -24,7 +24,7 @@
</div> </div>
<!--Folders Upload--> <!--Folders Upload-->
<div *ngIf="uploadFolders" class="mdl-button mdl-js-button mdl-button--raised mdl-button--file"> <div *ngIf="uploadFolders" class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored mdl-button--file">
<i class="material-icons">file_upload</i> <i class="material-icons">file_upload</i>
<label for="uploadFolder">{{'FILE_UPLOAD.BUTTON.UPLOAD_FOLDER' | translate}}</label> <label for="uploadFolder">{{'FILE_UPLOAD.BUTTON.UPLOAD_FOLDER' | translate}}</label>
<input id="uploadFolder" data-automation-id="uploadFolder" type="file" name="uploadFiles" <input id="uploadFolder" data-automation-id="uploadFolder" type="file" name="uploadFiles"