Revision b213bdec

b/snf-cyclades-app/synnefo/ui/new_ui/ui/pithos.html
78 78
                            </div>
79 79
                            <h4>Upload file</h4>
80 80
                        </div>
81
                        <form action="" method="post">
82
                            <input type="file" id="myfile" name="upload"/>
83
                        </form>
81 84
                    </li>
82 85
                    <li data-status="folder" class="folder">
83 86
                        <div class="container">
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_storage.scss
30 30
					visibility: visible;
31 31
				}
32 32
			}
33
			.add-new {
34
				position: relative;
35
				input[type="file"] {
36
					position: absolute;
37
					left:$lt-bar-width;
38
					top:0;
39
					right: 0;
40
					bottom: 0;
41
					opacity: 0;
42
				}
43
			}
33 44
		}
34 45
	}
46

  
35 47
	.files {
36 48
		margin:1em 0;
37 49
		padding:0;
b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css
8669 8669
.storage.list-view .items-list li:hover .actions-col {
8670 8670
  visibility: visible;
8671 8671
}
8672
/* line 33, ../sass/_storage.scss */
8673
.storage.list-view .items-list .add-new {
8674
  position: relative;
8675
}
8672 8676
/* line 35, ../sass/_storage.scss */
8677
.storage.list-view .items-list .add-new input[type="file"] {
8678
  position: absolute;
8679
  left: 150px;
8680
  top: 0;
8681
  right: 0;
8682
  bottom: 0;
8683
  opacity: 0;
8684
}
8685
/* line 47, ../sass/_storage.scss */
8673 8686
.storage .files {
8674 8687
  margin: 1em 0;
8675 8688
  padding: 0;
8676 8689
  list-style: none outside none;
8677 8690
}
8678
/* line 39, ../sass/_storage.scss */
8691
/* line 51, ../sass/_storage.scss */
8679 8692
.storage .files li {
8680 8693
  list-style: none outside none;
8681 8694
  clear: left;
......
8684 8697
  text-align: left;
8685 8698
  font-weight: normal;
8686 8699
}
8687
/* line 47, ../sass/_storage.scss */
8700
/* line 59, ../sass/_storage.scss */
8688 8701
.storage .files li .name-col {
8689 8702
  float: left;
8690 8703
  width: 35%;
8691 8704
  padding-left: 50px;
8692 8705
  font-weight: normal;
8693 8706
}
8694
/* line 51, ../sass/_storage.scss */
8707
/* line 63, ../sass/_storage.scss */
8695 8708
.storage .files li .name-col.folder {
8696 8709
  background: url(../images/icon-folder.png) no-repeat left center;
8697 8710
}
8698
/* line 52, ../sass/_storage.scss */
8711
/* line 64, ../sass/_storage.scss */
8699 8712
.storage .files li .name-col.txt {
8700 8713
  background: url(../images/icon-txt.png) no-repeat left center;
8701 8714
}
8702
/* line 53, ../sass/_storage.scss */
8715
/* line 65, ../sass/_storage.scss */
8703 8716
.storage .files li .name-col.pdf {
8704 8717
  background: url(../images/icon-pdf.png) no-repeat left center;
8705 8718
}
8706
/* line 54, ../sass/_storage.scss */
8719
/* line 66, ../sass/_storage.scss */
8707 8720
.storage .files li .name-col.image {
8708 8721
  background: url(../images/icon-image.png) no-repeat left center;
8709 8722
}
8710
/* line 57, ../sass/_storage.scss */
8723
/* line 69, ../sass/_storage.scss */
8711 8724
.storage .files li .size-col {
8712 8725
  float: left;
8713 8726
  width: 10%;
8714 8727
}
8715
/* line 61, ../sass/_storage.scss */
8728
/* line 73, ../sass/_storage.scss */
8716 8729
.storage .files li .date-col {
8717 8730
  float: left;
8718 8731
  width: 20%;
8719 8732
}
8720
/* line 66, ../sass/_storage.scss */
8733
/* line 78, ../sass/_storage.scss */
8721 8734
.storage .files li:hover {
8722 8735
  border-color: #30c79e;
8723 8736
}
8724
/* line 68, ../sass/_storage.scss */
8737
/* line 80, ../sass/_storage.scss */
8725 8738
.storage .files li:hover .actions-col {
8726 8739
  visibility: visible;
8727 8740
}
8728
/* line 70, ../sass/_storage.scss */
8741
/* line 82, ../sass/_storage.scss */
8729 8742
.storage .files li.titles {
8730 8743
  color: #919194;
8731 8744
}
8732
/* line 72, ../sass/_storage.scss */
8745
/* line 84, ../sass/_storage.scss */
8733 8746
.storage .files li.titles .name-col {
8734 8747
  padding-left: 0;
8735 8748
}
8736
/* line 73, ../sass/_storage.scss */
8749
/* line 85, ../sass/_storage.scss */
8737 8750
.storage .files li.titles:hover {
8738 8751
  border-color: transparent;
8739 8752
}
8740 8753

  
8741
/* line 85, ../sass/_storage.scss */
8754
/* line 97, ../sass/_storage.scss */
8742 8755
.upload-widget {
8743 8756
  text-align: center;
8744 8757
}
8745
/* line 88, ../sass/_storage.scss */
8758
/* line 100, ../sass/_storage.scss */
8746 8759
.upload-widget h2, .upload-widget a {
8747 8760
  color: #fff;
8748 8761
}
8749
/* line 92, ../sass/_storage.scss */
8762
/* line 104, ../sass/_storage.scss */
8750 8763
.upload-widget .btns a {
8751 8764
  margin: 0 10px;
8752 8765
}
8753
/* line 97, ../sass/_storage.scss */
8766
/* line 109, ../sass/_storage.scss */
8754 8767
.upload-widget .breadcrumbs {
8755 8768
  display: inline-block;
8756 8769
}
8757
/* line 98, ../sass/_storage.scss */
8770
/* line 110, ../sass/_storage.scss */
8758 8771
.upload-widget .breadcrumbs *, .upload-widget .breadcrumbs > *:before, .upload-widget .breadcrumbs li a:first-child, .upload-widget .breadcrumbs a:hover, .upload-widget .breadcrumbs li a:first-child:hover {
8759 8772
  color: #fff;
8760 8773
}
8761
/* line 101, ../sass/_storage.scss */
8774
/* line 113, ../sass/_storage.scss */
8762 8775
.upload-widget .breadcrumbs a:hover {
8763 8776
  text-decoration: underline;
8764 8777
}
8765
/* line 107, ../sass/_storage.scss */
8778
/* line 119, ../sass/_storage.scss */
8766 8779
.upload-widget .files {
8767 8780
  color: #fff;
8768 8781
}
8769
/* line 110, ../sass/_storage.scss */
8782
/* line 122, ../sass/_storage.scss */
8770 8783
.upload-widget .files li {
8771 8784
  padding: 10px 120px;
8772 8785
  border: none;
8773 8786
  position: relative;
8774 8787
}
8775
/* line 114, ../sass/_storage.scss */
8788
/* line 126, ../sass/_storage.scss */
8776 8789
.upload-widget .files li .dz-success-mark {
8777 8790
  margin-left: 10px;
8778 8791
}
8779
/* line 117, ../sass/_storage.scss */
8792
/* line 129, ../sass/_storage.scss */
8780 8793
.upload-widget .files li .dz-error-mark {
8781 8794
  display: none;
8782 8795
}
8783
/* line 120, ../sass/_storage.scss */
8796
/* line 132, ../sass/_storage.scss */
8784 8797
.upload-widget .files li .cancel-col {
8785 8798
  width: 100px;
8786 8799
  position: absolute;
8787 8800
  right: 50px;
8788 8801
  top: 9px;
8789 8802
}
8790
/* line 126, ../sass/_storage.scss */
8803
/* line 138, ../sass/_storage.scss */
8791 8804
.upload-widget .files li .cancel-col .cancel span {
8792 8805
  display: block;
8793 8806
  text-align: right;
8794 8807
}
8795
/* line 132, ../sass/_storage.scss */
8808
/* line 144, ../sass/_storage.scss */
8796 8809
.upload-widget .files div {
8797 8810
  display: inline-block;
8798 8811
}
8799
/* line 135, ../sass/_storage.scss */
8812
/* line 147, ../sass/_storage.scss */
8800 8813
.upload-widget .files .progress-bar {
8801 8814
  position: static;
8802 8815
  padding: 0;
......
8804 8817
  border: none;
8805 8818
  background-color: transparent;
8806 8819
}
8807
/* line 142, ../sass/_storage.scss */
8820
/* line 154, ../sass/_storage.scss */
8808 8821
.upload-widget .files .progress-bar .progress-wrap {
8809 8822
  width: 100%;
8810 8823
  margin: 0;
8811 8824
}
8812
/* line 146, ../sass/_storage.scss */
8825
/* line 158, ../sass/_storage.scss */
8813 8826
.upload-widget .files .progress-bar .progress-wrap .progress {
8814 8827
  display: block;
8815 8828
  margin: 0;
......
8817 8830
  padding: 0;
8818 8831
  background-color: #30c79e;
8819 8832
}
8820
/* line 153, ../sass/_storage.scss */
8833
/* line 165, ../sass/_storage.scss */
8821 8834
.upload-widget .files .progress-bar .progress-wrap .progress .meter {
8822 8835
  background-color: white;
8823 8836
}
8824 8837

  
8825
/* line 162, ../sass/_storage.scss */
8838
/* line 174, ../sass/_storage.scss */
8826 8839
.dz-success-mark, .dz-error-mark, .dz-error-message {
8827 8840
  display: none;
8828 8841
}

Also available in: Unified diff