mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-07-24 17:32:15 +00:00
#151 Improve css upload component
This commit is contained in:
8
ng2-components/ng2-alfresco-upload/demo/assets/material.orange-blue.min.css
vendored
Normal file
8
ng2-components/ng2-alfresco-upload/demo/assets/material.orange-blue.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
@@ -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">
|
||||
|
||||
|
@@ -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",
|
||||
|
@@ -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;
|
||||
|
@@ -7,6 +7,7 @@
|
||||
top: 0;
|
||||
width: 300px;
|
||||
z-index: 4;
|
||||
background-color: rgb(255,152,0);
|
||||
}
|
||||
|
||||
.mdl-textfield--file .mdl-textfield__input {
|
||||
|
@@ -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"
|
||||
|
Reference in New Issue
Block a user