summaryrefslogtreecommitdiffstats
path: root/resources/scss/tier-support
diff options
context:
space:
mode:
authorARULNA <arul.nambi@amdocs.com>2017-06-02 16:27:25 -0400
committerARULNA <arul.nambi@amdocs.com>2017-06-02 16:33:14 -0400
commitca007e933bcd9f63aa77801656ed9dd4142c432c (patch)
treece97ed9df8c4fe48a524f0dc1365ad28acef7c46 /resources/scss/tier-support
parent42b788b852f0604748828e9e325e4a0f01152c75 (diff)
Initial coomit for AAI-UI(sparky-fe)
Change-Id: I9f8482824a52bac431c100939899e760c0fa4fdb Signed-off-by: ARULNA <arul.nambi@amdocs.com>
Diffstat (limited to 'resources/scss/tier-support')
-rw-r--r--resources/scss/tier-support/_search.scss196
-rw-r--r--resources/scss/tier-support/_selectedNodeDetails.scss66
-rw-r--r--resources/scss/tier-support/_splitPane.scss86
3 files changed, 348 insertions, 0 deletions
diff --git a/resources/scss/tier-support/_search.scss b/resources/scss/tier-support/_search.scss
new file mode 100644
index 0000000..834f090
--- /dev/null
+++ b/resources/scss/tier-support/_search.scss
@@ -0,0 +1,196 @@
+/*
+* ============LICENSE_START=======================================================
+* SPARKY (AAI UI service)
+* ================================================================================
+* Copyright © 2017 AT&T Intellectual Property.
+* Copyright © 2017 Amdocs
+* All rights reserved.
+* ================================================================================
+* 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.
+* ============LICENSE_END=========================================================
+*
+* ECOMP and OpenECOMP are trademarks
+* and service marks of AT&T Intellectual Property.
+*/
+
+.auto-complete-search {
+ display: inline-block;
+ vertical-align: text-bottom;
+}
+
+.auto-complete-search-text {
+ float: left;
+}
+
+.auto-complete-search-button-group{
+ position: absolute;
+ width: 90px;
+}
+
+.auto-complete-search input.form-control {
+ width: 350px;
+}
+
+.auto-complete-search-button, .auto-complete-search-button:focus {
+ background-color: $light-gray;
+ padding-bottom: 8px;
+ width: 45px;
+ height: 30px;
+ border: solid 1px $gray;
+}
+
+.auto-complete-search button:hover {
+ background-color: $blue;
+}
+
+.auto-complete-search .fa-lg {
+ font-size: 1em;
+ line-height: 1em;
+ background-color: $light-gray;
+}
+
+.auto-complete-search button:hover .fa-search {
+ color: $white;
+ background-color: $blue;
+}
+
+.auto-complete-search .btn-group .auto-complete-clear-button {
+ border: none;
+ margin-left: -35px;
+ margin-top: 2px;
+ padding: 5px 12px 8px 12px;
+
+ i {
+ color: #009fdb;
+ opacity: 0.3;
+ filter: alpha(opacity=30);
+ background-color: transparent;
+ }
+}
+
+.auto-complete-search .auto-complete-clear-button:hover {
+ background-color: transparent;
+
+ i.fa-times {
+ color: #009fdb;
+ opacity: 1;
+ background-color: transparent;
+ }
+}
+
+.auto-complete-search button:hover .fa-times {
+ color: $white;
+ background-color: $blue;
+}
+
+.react-autosuggest__container {
+ display: inline-block;
+ position: relative;
+}
+
+.react-autosuggest__input{
+ width: 655px;
+ height: 30px;
+ display: inline-block;
+}
+
+.react-autosuggest__input:focus {
+ outline: none;
+}
+
+.react-autosuggest__container--open .react-autosuggest__input {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.react-autosuggest__suggestions-container {
+ display: none;
+ overflow-y: scroll;
+ height: 200px;
+ border:1px ;
+
+}
+
+.react-autosuggest__suggestions-containerCopy{
+ display: none;
+ display: block;
+ position: absolute;
+ top: 30px;
+ width: 655px;
+ border: 1px solid #aaa;
+ background-color: #fff;
+ border-bottom-left-radius: 4px;
+ border-bottom-right-radius: 4px;
+ z-index: 2;
+ overflow-y: hidden;
+}
+
+.react-autosuggest__container--open .react-autosuggest__suggestions-container {
+ display: block;
+ position: absolute;
+ top: 30px;
+ width: 655px;
+ border: 1px solid #aaa;
+ background-color: #fff;
+ border-bottom-left-radius: 4px;
+ border-bottom-right-radius: 4px;
+ z-index: 2;
+ overflow-x: hidden;
+}
+
+.react-autosuggest__suggestions-list {
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ width: 646px;
+
+}
+
+.react-autosuggest__suggestion {
+ cursor: pointer;
+ padding: 10px 20px;
+}
+
+.react-autosuggest__suggestion--focused {
+ background-color: #ddd;
+}
+
+.react-autosuggest__section-title {
+ padding: 10px 0 0 10px;
+ font-size: 12px;
+ color: #777;
+ border-top: 1px dashed #ccc;
+}
+
+.react-autosuggest__section-container:first-child .react-autosuggest__section-title {
+ border-top: 0;
+}
+
+
+.suggestionFlexContainer {
+ display: flex;
+ font-family: Arial;
+}
+
+.suggestionColumnOne {
+ flex: 20;
+}
+
+.suggestionColumnTwo{
+ flex: 80;
+}
+.highlight{
+ font-weight: bolder;
+ background-color:inherit;
+ padding: 0px;
+}
diff --git a/resources/scss/tier-support/_selectedNodeDetails.scss b/resources/scss/tier-support/_selectedNodeDetails.scss
new file mode 100644
index 0000000..f7b8bf5
--- /dev/null
+++ b/resources/scss/tier-support/_selectedNodeDetails.scss
@@ -0,0 +1,66 @@
+/*
+* ============LICENSE_START=======================================================
+* SPARKY (AAI UI service)
+* ================================================================================
+* Copyright © 2017 AT&T Intellectual Property.
+* Copyright © 2017 Amdocs
+* All rights reserved.
+* ================================================================================
+* 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.
+* ============LICENSE_END=========================================================
+*
+* ECOMP and OpenECOMP are trademarks
+* and service marks of AT&T Intellectual Property.
+*/
+
+.ts-selected-node-details {
+ padding: 20px;
+ color: $dark-gray;
+ font-family: $body-font-1;
+
+ h1 {
+ color: $blue;
+ font-size: $heading-font-2;
+ margin-bottom: 5px;
+ }
+}
+
+.ts-selected-node-table {
+ font-size: $body-font-2;
+ width: 100%;
+ margin-top: 15px;
+
+ th {
+ color: $gray;
+ }
+
+ td {
+ word-break: break-all;
+ }
+
+ .left-column-cell {
+ padding: 7px 5px 5px 0px;
+ border-bottom: solid 1px $light-gray;
+ border-right: solid 1px $light-gray;
+ width: 50%;
+ }
+
+ .right-column-cell {
+ padding: 7px 5px 5px 15px;
+ border-bottom: solid 1px $light-gray;
+ }
+}
+
+.tier-support-ui .Pane2 {
+ overflow-y: auto;
+}
diff --git a/resources/scss/tier-support/_splitPane.scss b/resources/scss/tier-support/_splitPane.scss
new file mode 100644
index 0000000..bfaf21f
--- /dev/null
+++ b/resources/scss/tier-support/_splitPane.scss
@@ -0,0 +1,86 @@
+/*
+* ============LICENSE_START=======================================================
+* SPARKY (AAI UI service)
+* ================================================================================
+* Copyright © 2017 AT&T Intellectual Property.
+* Copyright © 2017 Amdocs
+* All rights reserved.
+* ================================================================================
+* 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.
+* ============LICENSE_END=========================================================
+*
+* ECOMP and OpenECOMP are trademarks
+* and service marks of AT&T Intellectual Property.
+*/
+
+.SplitPane {
+ min-width: 1280px;
+ //108 is the height of the header in tsui
+ height: calc(100% - 108px) !important;
+}
+
+.Resizer {
+ background: #000;
+ opacity: .2;
+ z-index: 1;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ -moz-background-clip: padding;
+ -webkit-background-clip: padding;
+ background-clip: padding-box;
+}
+
+.Resizer:hover {
+ -webkit-transition: all 2s ease;
+ transition: all 2s ease;
+}
+
+.Resizer.horizontal {
+ height: 11px;
+ margin: -5px 0;
+ border-top: 5px solid rgba(255, 255, 255, 0);
+ border-bottom: 5px solid rgba(255, 255, 255, 0);
+ cursor: row-resize;
+ width: 100%;
+}
+
+.Resizer.horizontal:hover {
+ border-top: 5px solid rgba(0, 0, 0, 0.5);
+ border-bottom: 5px solid rgba(0, 0, 0, 0.5);
+}
+
+.Resizer.vertical {
+ width: 11px;
+ margin: 0 -5px;
+ border-left: 5px solid rgba(255, 255, 255, 0);
+ border-right: 5px solid rgba(255, 255, 255, 0);
+ cursor: col-resize;
+}
+
+.Resizer.vertical:hover {
+ border-left: 5px solid rgba(0, 0, 0, 0.5);
+ border-right: 5px solid rgba(0, 0, 0, 0.5);
+}
+Resizer.disabled {
+ cursor: not-allowed;
+}
+Resizer.disabled:hover {
+ border-color: transparent;
+}
+
+.Pane2 {
+ background-color: $tlv-light-gray;
+ border-left: solid 2px $light-gray;
+ overflow: hidden;
+}