From b5cfca87aa30d0207ef32d944cc447ed4c580b29 Mon Sep 17 00:00:00 2001
From: wangyuerg <wangyuerg@chinamobile.com>
Date: Thu, 18 Mar 2021 14:05:27 +0800
Subject: fix: fix the display of ip tooltip

Signed-off-by: wangyuerg <wangyuerg@chinamobile.com>
iChange-Id: Id826511401a13bb0b8b1303acbea5ba23df948db
Issue-ID: USECASEUI-527
Change-Id: Ib81c195438160e2ec0df7fed8557223c12c9f001
---
 .../slicing-business-model.component.less          | 159 ++++++++++++---------
 1 file changed, 91 insertions(+), 68 deletions(-)

(limited to 'usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.less')

diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.less b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.less
index b577fd9e..9eeb4d8f 100644
--- a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.less
+++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.less
@@ -1,101 +1,119 @@
-.taskmodel_list{
+.taskmodel_list {
     margin-top: 20px;
 }
-a{
+
+a {
     text-decoration: none;
 }
-.warp{
+
+.warp {
     width: 100%;
 }
-.header{
+
+.header {
     display: flex;
     justify-content: space-between;
     align-items: center;
     height: 40px;
     line-height: 40px;
-    color:#000;
-    margin:10px 8%;
+    color: #000;
+    margin: 10px 8%;
     text-align: center;
 }
-.anImg{
+
+.anImg {
     width: 80px;
     height: auto;
     margin-top: 20px;
 }
-.list-box{
-     width: 90%;
+
+.list-box {
+    width: 90%;
     display: flex;
-    justify-content:center;
+    justify-content: center;
     align-items: center;
     text-align: center;
-    margin:0 5%;
+    margin: 0 5%;
 }
-.list-box li{
+
+.list-box li {
     position: relative;
 }
-.clear{
+
+.clear {
     clear: both;
 }
-.online-vlan{
-    flex:1;
-  height: 1px;
-  background: #000;
+
+.online-vlan {
+    flex: 1;
+    height: 1px;
+    background: #000;
 }
-.online-type{
-  height: 3px;
-  background: #1DA57A;
-  margin: 0 15px;
+
+.online-type {
+    height: 3px;
+    background: #1DA57A;
+    margin: 0 15px;
 }
-.offline-type{
- 
+
+.offline-type {
+
     height: 3px;
     background: #7e848a;
     margin: 0 15px;
 }
-.vLan-line{
+
+.vLan-line {
     text-align: center;
-    top:-20px;
-    flex:1;
+    top: -20px;
+    flex: 1;
 }
-.tnImg{
+
+.tnImg {
     width: 40px;
-    height:auto;
+    height: auto;
 }
-.three-box{
-  text-align: center;
-  flex:1;
-    top:-20px;
+
+.three-box {
+    text-align: center;
+    flex: 1;
+    top: -20px;
 }
-.cnCloud{
-    margin-left:10px;
+
+.cnCloud {
+    margin-left: 10px;
     width: 80px;
     height: auto;
     margin-top: 20px;
 }
-.fantask{
+
+.fantask {
     height: 20px;
 }
-.ran_text{
-    width: 200px;
-    padding:0 6px;
-    height:auto;
+
+.ran_text {
+    width: 212px;
+    padding: 0 6px;
+    height: auto;
     background: rgba(0, 0, 0, .8);
     line-height: 40px;
     border-radius: 4px;
     position: absolute;
     right: -118px;
     top: 44px;
-    color:#ffffff;
-    z-index:99;
-}
-.detail-icon{
-     position: absolute;
-     right: -22px;
-     width:20px;
-     height:20px;
-     cursor: pointer;
-  }
-.ran_text::before{
+    color: #ffffff;
+    z-index: 99;
+}
+
+.detail-icon {
+    position: absolute;
+    right: -22px;
+    width: 20px;
+    height: 20px;
+    cursor: pointer;
+}
+
+.ran_text::before {
     content: '';
     display: block;
     position: absolute;
@@ -103,21 +121,23 @@ a{
     bottom: -16px;
     border: 20px solid transparent;
     border: 8px solid transparent;
-    border-top: 8px solid  rgba(0, 0, 0, .8);
+    border-top: 8px solid rgba(0, 0, 0, .8);
 }
-.cor_text{
-    width: 200px;
-    padding:0 6px;
-    height:auto;
+
+.cor_text {
+    width: 212px;
+    padding: 0 6px;
+    height: auto;
     background: rgba(0, 0, 0, .8);
     line-height: 40px;
     border-radius: 4px;
     position: absolute;
     right: -98px;
     top: 26px;
-    color:#ffffff;
+    color: #ffffff;
 }
-.cor_text::before{
+
+.cor_text::before {
     content: '';
     display: block;
     position: absolute;
@@ -125,20 +145,23 @@ a{
     bottom: -16px;
     border: 20px solid transparent;
     border: 8px solid transparent;
-    border-top: 8px solid  rgba(0, 0, 0, .8);
+    border-top: 8px solid rgba(0, 0, 0, .8);
 }
-.core_icon{
+
+.core_icon {
     position: absolute;
-    right:-18px;
-    width:20px;
-    height:20px;
+    right: -18px;
+    width: 20px;
+    height: 20px;
     cursor: pointer;
 }
-.ran_adrress{
-    width:80px;
-    height:22px;
+
+.ran_adrress {
+    width: 80px;
+    height: 22px;
 }
-.cn_adrress{
-    width:90px;
-    height:22px;
+
+.cn_adrress {
+    width: 90px;
+    height: 22px;
 }
\ No newline at end of file
-- 
cgit 1.2.3-korg