최상위탭 css 수정

main
이범준 11 months ago
parent 9a40c18c58
commit 8808344dea

@ -12,8 +12,8 @@
<ul class="nav nav-tabs nav-tabs-ifr"> <ul class="nav nav-tabs nav-tabs-ifr">
<li id="li-dashboard" class="nav-item" role="presentation"> <li id="li-dashboard" class="nav-item" role="presentation">
<button type="button" data-bs-toggle="tab" data-bs-target="#tab-dashboard" <button type="button" data-bs-toggle="tab" data-bs-target="#tab-dashboard"
class="nav-link nav-link-closeable active" aria-selected="true" role="tab"> class="nav-link nav-link-closeable ps-2 active" aria-selected="true" role="tab">
대시보드 <span class="w-px-150 text-truncate">대시보드</span>
</button> </button>
</li> </li>
</ul> </ul>

@ -176,11 +176,11 @@ span.skeleton {
/* 탭,내비게이션 */ /* 탭,내비게이션 */
.nav-link-closeable{ .nav-link-closeable{
padding-right: calc(0.8em + (0.9375em * 2)); padding-right: calc(0.8em + (0.5em * 2));
} }
.nav-link-closeable + .btn-close{ .nav-link-closeable + .btn-close{
font-size: 16px; font-size: 16px;
margin-left: calc((0.8em + (0.9375em * 2)) * -1); margin-left: calc((0.8em + (0.5em * 2)) * -1);
height: 100%; height: 100%;
} }

@ -4624,7 +4624,7 @@ ul.nav-tabs > li.nav-item{
box-sizing: content-box; box-sizing: content-box;
width: 0.8em; width: 0.8em;
height: 0.8em; height: 0.8em;
padding: 0em 0.9375em; padding: 0em 0.5em;
color: #a1acb8; color: #a1acb8;
background: transparent url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&amp;-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate%28-225.000000, -250.000000%29'%3E%3Cg id='Icon-Color' transform='translate%28225.000000, 250.500000%29'%3E%3Cuse fill='%23a1acb8' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%23a1acb8' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center/0.8em auto no-repeat; background: transparent url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&amp;-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate%28-225.000000, -250.000000%29'%3E%3Cg id='Icon-Color' transform='translate%28225.000000, 250.500000%29'%3E%3Cuse fill='%23a1acb8' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%23a1acb8' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center/0.8em auto no-repeat;
border: 0; border: 0;

@ -89,12 +89,12 @@ function openMenu(obj, params) {
let liEl = '<li id="li-'+ dataKey +'" class="nav-item">'; let liEl = '<li id="li-'+ dataKey +'" class="nav-item">';
let linkClass = 'nav-link'; let linkClass = 'nav-link ps-2';
if(dataKey != "dashboard"){ if(dataKey != "dashboard"){
linkClass += ' nav-link-closeable'; linkClass += ' nav-link-closeable';
} }
liEl +='<button type="button" data-bs-toggle="tab" data-bs-target="#tab-'+ dataKey + '" class="' + linkClass + '">' liEl +='<button type="button" data-bs-toggle="tab" data-bs-target="#tab-'+ dataKey + '" class="' + linkClass + '">'
+ '<span class="w-px-120 text-truncate" title="' + menuNm + '">' + '<span class="w-px-150 text-truncate" title="' + menuNm + '">'
+ menuNm + menuNm
+ '</span>' + '</span>'
+ '</button>'; + '</button>';

Loading…
Cancel
Save