X-Git-Url: https://osm.etsi.org/gitweb/?a=blobdiff_plain;f=skyquake%2Fplugins%2Fcomposer%2Fsrc%2Fsrc%2Fstyles%2FFileUploadsList.scss;fp=skyquake%2Fplugins%2Fcomposer%2Fsrc%2Fsrc%2Fstyles%2FFileUploadsList.scss;h=02eba34c1e8053744ff58b44d5fef5fd68e2007c;hb=e29efc315df33d546237e270470916e26df391d6;hp=0000000000000000000000000000000000000000;hpb=9c5e457509ba5a1822c316635c6308874e61b4b9;p=osm%2FUI.git

diff --git a/skyquake/plugins/composer/src/src/styles/FileUploadsList.scss b/skyquake/plugins/composer/src/src/styles/FileUploadsList.scss
new file mode 100644
index 000000000..02eba34c1
--- /dev/null
+++ b/skyquake/plugins/composer/src/src/styles/FileUploadsList.scss
@@ -0,0 +1,134 @@
+
+/*
+ * 
+ *   Copyright 2016 RIFT.IO Inc
+ *
+ *   Licensed under the Apache License, Version 2.0 (the "License");
+ *   you may not use this file except in compliance with the License.
+ *   You may obtain a copy of the License at
+ *
+ *       http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *   Unless required by applicable law or agreed to in writing, software
+ *   distributed under the License is distributed on an "AS IS" BASIS,
+ *   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *   See the License for the specific language governing permissions and
+ *   limitations under the License.
+ *
+ */
+
+.FileUploadList {
+	overflow: hidden;
+	position: absolute;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	>.items {
+		position: absolute;
+		top: 0;
+		right: 0;
+		bottom: 0;
+		left: 0;
+		margin: 4px;
+		border: 1px solid transparent;
+		padding: 4px;
+		white-space: nowrap;
+		overflow: auto;
+		-ms-overflow-style: -ms-autohiding-scrollbar;
+		-ms-overflow-style: none;
+		display: flex;
+		flex-wrap: wrap;
+		>.item {
+			overflow: hidden;
+			display: inline-block;
+			position: relative;
+			font-size: 0.5em;
+			height: 40px;
+			min-width: 260px;
+			max-width: 260px;
+			margin: 0;
+			border-radius: 8px;
+			border: 1px solid white;
+			padding: 4px 8px;
+			color: #D9D9D9;
+			font-weight: 100;
+			font-style: normal;
+			background-color: rgba(92, 92, 92, 0.86);
+			&.-error {
+				background-color: darkred;
+			}
+			&.-success {
+				background-color: darkgreen;
+			}
+			h2 {
+				padding-left: 25px;
+			}
+			img {
+				width: 25px;
+				height: 25px;
+				position: absolute;
+				top: 4px;
+				left:5px;
+			}
+			span {
+				display: none;
+				padding-left: 25px;
+			}
+			em {
+				display: none;
+				color: #3C0808;
+				font-weight: 100;
+				margin-right: 4px;
+			}
+			var {
+				font-family: monospace, serif;
+			}
+			.file-progress {
+				display: block;
+			}
+			.file-progress-indicator {
+				width: 100%;
+				margin: 3px;
+				border: 1px solid rgba(81, 102, 147, 0.87);
+				border-radius: 3px;
+				padding: 0;
+				height: 3px;
+				background-color: white;
+			}
+			.file-progress-indicator-value {
+				height: 1px;
+				border-radius: 3px;
+				background-color: #64F106;
+			}
+			.file-preview {
+				display: block;
+				em {
+					display: none;
+				}
+			}
+			.file-error {
+				display: block;
+				position: absolute;
+				z-index: 99;
+				background-color: black;
+				top: 18px;
+				left: 30px;
+				right: 10px;
+				border-radius: 3px;
+				padding: 1px 4px !important;
+			}
+			.file-success {
+				display: block;
+				position: absolute;
+				z-index: 99;
+				background-color: black;
+				top: 18px;
+				left: 30px;
+				right: 10px;
+				border-radius: 3px;
+				padding: 1px 4px !important;
+			}
+		}
+	}
+}