#151 Improve css upload component

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

File diff suppressed because one or more lines are too long

View File

@@ -6,7 +6,7 @@
<base href="./">
<!-- 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>
<link rel="stylesheet" href="node_modules/material-design-icons/iconfont/material-icons.css">

View File

@@ -1,7 +1,7 @@
{
"name": "ng2-alfresco-upload",
"description": "Alfresco Angular2 Upload Component",
"version": "0.1.35",
"version": "0.1.36",
"author": "Alfresco Software, Ltd.",
"scripts": {
"typings": "typings install",

View File

@@ -9,7 +9,7 @@
.file-dialog {
display: none;
-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;
border-radius: 2px;
-webkit-transform: translate3d(0, 0, 0);
@@ -28,7 +28,7 @@
}
.file-dialog .header {
background-color: #0c79bf;
background-color: rgb(31,188,210);
border: 1px transparent solid;
-moz-border-radius-topleft: 2px;
-webkit-border-top-left-radius: 2px;

View File

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

View File

@@ -1,6 +1,6 @@
<form>
<!--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>
<!--Multiple Files Upload-->
@@ -24,7 +24,7 @@
</div>
<!--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>
<label for="uploadFolder">{{'FILE_UPLOAD.BUTTON.UPLOAD_FOLDER' | translate}}</label>
<input id="uploadFolder" data-automation-id="uploadFolder" type="file" name="uploadFiles"