style: nzTooltip页面样式调整

This commit is contained in:
@changcode
2021-11-11 17:12:15 +08:00
parent b82cbedd22
commit 5e7f21c9f8
2 changed files with 4 additions and 16 deletions

View File

@@ -87,7 +87,7 @@ export default {
position: fixed; position: fixed;
background-color: white; background-color: white;
z-index: 3000; z-index: 3000;
padding: 10px 23px 10px 10px; padding: 8px;
border-radius: 4px; border-radius: 4px;
box-shadow: -1px 1px 9px -1px rgba(205,205,205,0.77); box-shadow: -1px 1px 9px -1px rgba(205,205,205,0.77);
} }

View File

@@ -100,7 +100,7 @@
@mouseleave="labelHover(scope.row, item.prop, false, $event, true)"> @mouseleave="labelHover(scope.row, item.prop, false, $event, true)">
[{{scope.row.configs[0].enable ? 'Metrics':''}}{{scope.row.configs[0].enable&&scope.row.configs[1].enable?',':''}}{{scope.row.configs[1].enable ? 'logs' : ''}}] [{{scope.row.configs[0].enable ? 'Metrics':''}}{{scope.row.configs[0].enable&&scope.row.configs[1].enable?',':''}}{{scope.row.configs[1].enable ? 'logs' : ''}}]
</span> </span>
<nz-tooltip :that="scope.row[item.prop]" v-if="scope.row[item.prop] && scope.row[item.prop].loading" :type="item.prop"> <nz-tooltip :that="scope.row[item.prop]" class="data-column__" v-if="scope.row[item.prop] && scope.row[item.prop].loading" :type="item.prop">
<div class="endpointConfigsTips" name="default"> <div class="endpointConfigsTips" name="default">
<span class="copy-value-content"> <i class="nz-icon nz-icon-override" @click="copyValue(clConfigs(scope.row))"></i></span> <span class="copy-value-content"> <i class="nz-icon nz-icon-override" @click="copyValue(clConfigs(scope.row))"></i></span>
<pre class="copy-value-content__pre">{{JSON.stringify(clConfigs(scope.row),null,2)}}</pre> <pre class="copy-value-content__pre">{{JSON.stringify(clConfigs(scope.row),null,2)}}</pre>
@@ -436,22 +436,10 @@ export default {
/*width: 70px;*/ /*width: 70px;*/
margin-right: 5px; margin-right: 5px;
} }
</style>
<style>
.endpointConfigsTips{
min-width: 150px;
padding:3px 3px 0 8px ;
}
.copy-value-content{ .copy-value-content{
position: absolute; position: absolute;
right: 12px; right: 8px;
top: 8px; top: 4px;
}
.data-column__endpoint {
background: #FFFFFF;
border: 1px solid #E7EAED;
box-shadow: 0 6px 16px 0 rgba(0,0,0,0.08);
border-radius: 3px 3px 3px 3px 0 0;
} }
.copy-value-content__pre { .copy-value-content__pre {
height: 200px; height: 200px;