X-Git-Url: https://osm.etsi.org/gitweb/?a=blobdiff_plain;f=skyquake%2Fplugins%2Fcomposer%2Fsrc%2Fsrc%2Fstyles%2F_main.scss;h=e8cee07b99356b9eacc0fdbfe32b24624c7e31b1;hb=1065d361f1c1b0c4f1334efe736f2e6e940e7035;hp=15ff765c2b834b0f8e2e9325408b2cdb92de2a89;hpb=e29efc315df33d546237e270470916e26df391d6;p=osm%2FUI.git

diff --git a/skyquake/plugins/composer/src/src/styles/_main.scss b/skyquake/plugins/composer/src/src/styles/_main.scss
index 15ff765c2..e8cee07b9 100644
--- a/skyquake/plugins/composer/src/src/styles/_main.scss
+++ b/skyquake/plugins/composer/src/src/styles/_main.scss
@@ -1,6 +1,6 @@
 
 /*
- * 
+ *
  *   Copyright 2016 RIFT.IO Inc
  *
  *   Licensed under the Apache License, Version 2.0 (the "License");
@@ -19,9 +19,9 @@
 @import 'variables';
 
 path[data-outline-indicator-svg-outline-path] {
-	stroke-dasharray: 0;
-	stroke: #b58900;
-	stroke-width: 5px;
+    stroke-dasharray: 0;
+    stroke: #b58900;
+    stroke-width: 5px;
 }
 
 $font-path: '../assets';
@@ -161,49 +161,45 @@ $font-family-icons: 'FontAwesome';
 $font-family-default: $font-family-sans-serif;
 
 html, body {
-	background: $primary-bg-color;
-	cursor: auto;
-	font-family: $font-family-sans-serif;
-	overflow: hidden;
+    background: $primary-bg-color;
+    cursor: auto;
+    font-family: $font-family-sans-serif;
+    overflow: hidden;
 }
 
 ::-webkit-scrollbar {
-	//display: none;
+    /*display: none;*/
 }
 
 html {
-	-webkit-box-sizing: border-box;
-	-moz-box-sizing: border-box;
-	box-sizing: border-box;
+    box-sizing: border-box;
 }
 
 * {
-	margin: 0;
-	border: 0;
-	padding: 0;
-	border-collapse: collapse;
+    margin: 0;
+    border: 0;
+    padding: 0;
+    border-collapse: collapse;
 }
 
 *, *:before, *:after {
-	-webkit-box-sizing: inherit;
-	-moz-box-sizing: inherit;
-	box-sizing: inherit;
+    box-sizing: inherit;
 }
 
 h1 {
-	margin: 0;
-	padding: 3px 6px;
-	color: #323232;
-	font-size: 0.75em;
-	font-weight: normal;
-	text-align: center;
-	font-variant-caps: all-small-caps;
-	font-variant: small-caps;
-	text-transform: uppercase;
+    margin: 0;
+    padding: 3px 6px;
+    color: #323232;
+    font-size: 0.75em;
+    font-weight: normal;
+    text-align: center;
+    font-variant-caps: all-small-caps;
+    font-variant: small-caps;
+    text-transform: uppercase;
 }
 
 img {
-	vertical-align: middle;
+    vertical-align: middle;
 }
 
 button,
@@ -217,239 +213,246 @@ input[type="image"] {
     text-decoration: none;
     text-transform: uppercase;
 
-	&:hover {
-		background-color: #7E9BC1;
-		color:#ffffff;
-	}
-	&:active, &:visited{
-		background-color:#4C5E74;
-		color:#ffffff;
-	}
+    &:hover {
+        background-color: #7E9BC1;
+        color:#ffffff;
+    }
+    &:active, &:visited{
+        background-color:#4C5E74;
+        color:#ffffff;
+    }
 
-	&.-selected {
-		background-color: rgb(159, 196, 244);
-	}
+    &.-selected {
+        background-color: rgb(159, 196, 244);
+    }
 
 }
 
 input[type="image"] {
-	width: 28px;
-	height: 28px;
-	margin-right: 12px;
-	border: 0;
-	border-radius: 4px;
-	padding: 4px;
+    width: 28px;
+    height: 28px;
+    margin-right: 12px;
+    border: 0;
+    border-radius: 4px;
+    padding: 4px;
 }
 
 input,
 select,
 textarea {
-	height: 25px;
-	line-height: 25px;
-	max-width: 100%;
-	min-width: 100%;
-	margin: 0;
-	padding: 0 8px;
-	border: 1px solid $field-background-color !important;;
-	border-radius: $field-border-radius;
-	color: #002b36;
-	background-color: $field-background-color !important;
-	vertical-align: top;
-	&:focus {
-		color: #002b36;
-		background-color: white !important;
-	}
-	&::-webkit-input-placeholder {
-		color: #eee8d5 !important;
-	}
-
-	&:-moz-placeholder { /* Firefox 18- */
-		color: #eee8d5 !important;
-	}
-
-	&::-moz-placeholder {  /* Firefox 19+ */
-		color: #eee8d5 !important;
-	}
-
-	&:-ms-input-placeholder {
-		color: #eee8d5 !important;
-	}
+    height: 25px;
+    line-height: 25px;
+    max-width: 100%;
+    min-width: 100%;
+    margin: 0;
+    padding: 0 8px;
+    border: 1px solid $field-background-color !important;;
+    border-radius: $field-border-radius;
+    color: #002b36;
+    background-color: $field-background-color !important;
+    vertical-align: top;
+    &:focus {
+        color: #002b36;
+        background-color: white !important;
+    }
+    &::-webkit-input-placeholder {
+        color: #eee8d5 !important;
+    }
+
+    &:-moz-placeholder { /* Firefox 18- */
+        color: #eee8d5 !important;
+    }
+
+    &::-moz-placeholder {  /* Firefox 19+ */
+        color: #eee8d5 !important;
+    }
+
+    &:-ms-input-placeholder {
+        color: #eee8d5 !important;
+    }
 }
 
 select {
-	padding-right: 0;
-	margin-right: 0;
-	-moz-appearance: none;
-	text-indent: 0.01px;
-	text-overflow: '';
-	-webkit-appearance: none;
-	-webkit-border-radius: $field-border-radius;
-	&.-value-not-set {
-		color: #eee8d5;
-	}
+    padding-right: 0;
+    margin-right: 0;
+    -moz-appearance: none;
+    text-indent: 0.01px;
+    text-overflow: '';
+    -webkit-appearance: none;
+    -webkit-border-radius: $field-border-radius;
+    &.-value-not-set {
+        color: #eee8d5;
+    }
 }
 
 select {
-	appearance: none; // using -prefix-free http://leaverou.github.io/prefixfree/
+    -webkit-appearance: none;
+       -moz-appearance: none;
+            appearance: none; /* using -prefix-free http://leaverou.github.io/prefixfree/*/
     background: $field-background-color url(../../../node_modules/open-iconic/svg/caret-bottom.svg) no-repeat right 6px center;
-	background-size: 10px;
-	border: {
-		color: $field-background-color;
-		radius: $field-border-radius;
-		style: solid;
-		width: 1px;
-	}
-}
-
-// Removes default arrow for IE10+
-// IE 8/9 get dafault arrow which covers caret image
-// as long as caret image is small than and positioned
-// behind default arrow
+    background-size: 10px;
+    border: {
+        color: $field-background-color;
+        radius: $field-border-radius;
+        style: solid;
+        width: 1px;
+    }
+}
+
+/* Removes default arrow for IE10+*/
+/* IE 8/9 get dafault arrow which covers caret image*/
+/* as long as caret image is small than and positioned*/
+/* behind default arrow*/
 select::-ms-expand {
-	display: none;
+    display: none;
 }
 
 textarea {
-	height: 50px;
+    height: 50px;
 }
 
 input[name$="id"],
 input.-is-guid {
-	font-size: 10px;
-	font-family: monospace;
+    font-size: 10px;
+    font-family: monospace;
 }
 
 .ContentEditableDiv {
-	margin: 0;
-	border: 0;
-	padding: 0;
-	overflow: hidden;
-	border-radius: $field-border-radius;
-	height: 25px;
-	line-height: 25px;
+    margin: 0;
+    border: 0;
+    padding: 0;
+    overflow: hidden;
+    border-radius: $field-border-radius;
+    height: 25px;
+    line-height: 25px;
 }
 
 .btn-group {
-	white-space: nowrap;
-	button {
-		border-right: 1px solid $button-border-color;
-		&:first-of-type {
-			border-top-left-radius: 2px;
-			border-bottom-left-radius: 2px;
-		}
-		&:last-of-type {
-			border-right: none;
-			border-top-right-radius: 2px;
-			border-bottom-right-radius: 2px;
-		}
-	}
+    white-space: nowrap;
+    button {
+        border-right: 1px solid $button-border-color;
+        &:first-of-type {
+            border-top-left-radius: 2px;
+            border-bottom-left-radius: 2px;
+        }
+        &:last-of-type {
+            border-right: none;
+            border-top-right-radius: 2px;
+            border-bottom-right-radius: 2px;
+        }
+    }
 }
 
 .panel {
-	overflow: hidden;
-	-ms-overflow-style: -ms-autohiding-scrollbar;
-	background-color: $panel-bg-color;
-	> div {
-		min-width: 200px;
-	}
+    overflow: hidden;
+    -ms-overflow-style: -ms-autohiding-scrollbar;
+    background-color: $panel-bg-color;
+    > div {
+        min-width: 200px;
+    }
 }
 .panel-header {
-	h1 {
-		padding: 16px;
-		white-space: nowrap;
-		text-align: center;
-	}
+    h1 {
+        padding: 16px;
+        white-space: nowrap;
+        text-align: center;
+    }
 }
 .panel-body {
-	position: absolute;
-	overflow: hidden;
-	&:hover {
-		overflow: auto;
-	}
-	-ms-overflow-style: -ms-autohiding-scrollbar;
-	top: 111px;
-	bottom: 0px;
-	left: 0;
-	right: 0;
+    position: absolute;
+    overflow: hidden;
+    &:hover {
+        overflow: auto;
+    }
+    -ms-overflow-style: -ms-autohiding-scrollbar;
+    top: 111px;
+    bottom: 0px;
+    left: 0;
+    right: 0;
 
 
 }
 .panel-footer {
-	position: absolute;
-	bottom: 0;
-	left: 0;
-	right: 0;
-	height: 40px;
-	padding: 0 12px;
-	background-color: $panel-bg-color-contrast;
-	border-top: 1px solid $panel-border-color-light;
-	white-space: nowrap;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    height: 40px;
+    padding: 0 12px;
+    background-color: $panel-bg-color-contrast;
+    border-top: 1px solid $panel-border-color-light;
+    white-space: nowrap;
 }
 
 .welcome-message {
-	margin: 20px;
-	color: #06173c;
-	font-size: x-large;
-	font-weight: 200;
-	.Button {
-		display: inline-block;
-	}
+    margin: 20px;
+    color: #06173c;
+    font-size: x-large;
+    font-weight: 200;
+    .Button {
+        display: inline-block;
+    }
 }
 
 /* react-tooltip overrides */
 .__react_component_tooltip {
-	transition: opacity 300ms cubic-bezier(0.230, 1.000, 0.320, 1.000) !important;
+    transition: opacity 300ms cubic-bezier(0.230, 1.000, 0.320, 1.000) !important;
 }
 
 /* simple css-only drop-down menu */
 .menu {
-	display: inline-flex;
-	position: relative;
-	z-index: 9999;
-	> .Button:after {
-		content: "ˇ";
-		position: absolute;
-		right: 4px;
-		bottom: -13px;
-		font-size: 20px;
-	}
-	.sub-menu {
-		display: none;
-		position: absolute;
-		top: 36px;
-		left: -4px;
-		padding: 4px;
-		background-color: #f1f1f1;
-		box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
-		border-radius: 3px;
-		.Button {
-			display: block;
-			text-align: left;
-		}
-		&:hover {
-			display: block;
-		}
-	}
-	> .Button:hover .sub-menu {
-		display: block;
-	}
-	&:hover .sub-menu {
-		display: block;
-	}
+    display: -ms-inline-flexbox;
+    display: inline-flex;
+    position: relative;
+    z-index: 9999;
+    > .Button:after {
+        content: "ˇ";
+        position: absolute;
+        right: 4px;
+        bottom: -13px;
+        font-size: 20px;
+    }
+    .sub-menu {
+        display: none;
+        position: absolute;
+        top: 36px;
+        left: -4px;
+        padding: 4px;
+        background-color: #f1f1f1;
+        box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
+        border-radius: 3px;
+        .Button {
+            display: block;
+            text-align: left;
+        }
+        &:hover {
+            display: block;
+        }
+    }
+    > .Button:hover .sub-menu {
+        display: block;
+    }
+    &:hover .sub-menu {
+        display: block;
+    }
 }
 
 .descriptor {
-	text {
-		&.badge {
-			font-weight: 100;
-			font-size: 12px;
-			text-anchor: middle;
-			fill: white;/* font color */
-			stroke: white !important;/* font color */
-		}
-	}
+    text {
+        &.badge {
+            font-weight: 100;
+            font-size: 12px;
+            text-anchor: middle;
+            fill: white;/* font color */
+            stroke: white !important;/* font color */
+        }
+    }
 }
 
 .hint {
-	margin: 5px;
+    margin: 5px;
+}
+
+.FileManager {
+    margin-top:1rem;
 }