機械翻訳について

カスタム・パネルが他のパネルと同じように見えるように、タイトルの下に線を追加するにはどうすればよいですか?

次のスタイル・コードをカスタム・テンプレートに追加して、タイトルの下線を表示します。

<style> 
    .oracle-cx-fragmentsUI-cx-fragment-container .oj-sp-foldout-panel-title-underline { background-color: var(--cx-pillar-color) !important; } 
  </style> 

次に、パネル・テンプレート・コードに挿入されたスタイル・コードの例を示します:

<template id="opportunitiesPanelTemplate2"> 
<div class="oj-flex">  
<style>  
.oracle-cx-fragmentsUI-cx-fragment-container .oj-sp-foldout-panel-title-underline { background-color: var(--cx-pillar-color) !important; }  
</style>  
<oj-vb-fragment name="oracle_cx_fragmentsUI:cx-panel" class="oj-sp-foldout-layout-panel" bridge="[[ vbBridge ]]"> 
<oj-vb-fragment-param name="resource" 
value='[[ {"name": "opportunities", "primaryKey": "OptyId", "puid": "OptyNumber" } ]]'></oj-vb-fragment-param> 
<oj-vb-fragment-param name="sortCriteria" value='[[ [{"attribute": "EffectiveDate","direction": "descending" }] ]]'></oj-vb-fragment-param> 
<oj-vb-fragment-param name="query" 
value='[[ [{"type": "qbe", "provider": "adfRest", "params": [{"key": "TargetPartyId", "value": $base.page.variables.id }]}] ]]'></oj-vb-fragment-param> 
<oj-vb-fragment-param name="rollupLayoutId" value="[[ 'OpportunityLayout' ]]"></oj-vb-fragment-param> 
<oj-vb-fragment-param name="title" value="[[$page.translations.partiesResourceBundle['Header.Opportunities']]]"></oj-vb-fragment-param> 
<oj-vb-fragment-param name="dynamicLayoutContext" value="{{ $dynamicLayoutContext }}"></oj-vb-fragment-param> 
</oj-vb-fragment> 
</template>