tolag3/fairnet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

2025/02/06 관리자 메인대시보드 말줄임표 수정, 텍스트 호버 시 툴팁으로 텍스트 전체 보이게 수정

Browse Source
This commit is contained in:
subsub 2025-02-06 10:44:50 +09:00
parent 36e34ba34c
commit a53ac97333
2 changed files with 16 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/main/webapp/WEB-INF/jsp/main/EgovMainView.jsp
View File

@ -42,6 +42,13 @@
<script type="text/javaScript" language="javascript"> <script type="text/javaScript" language="javascript">
$(document).ready(function(){ $(document).ready(function(){
// 말줄임표 됐을 때 호버 시 텍스트 보임.
$(".list_title, .list_date, .list_writer").each(function(idx,itm){
var title = $(itm).text();
$(itm).attr("title",title);
})
}); });
@ -221,8 +228,8 @@
</c:choose> </c:choose>
<span class="list_title">· ${trublcfrncmngList.conferenceNames}</span> <span class="list_title">· ${trublcfrncmngList.conferenceNames}</span>
<span class="list_writer">${trublcfrncmngList.fixDay}</span> <span class="list_date">${trublcfrncmngList.fixDay}</span>
<span class="list_date">${trublcfrncmngList.regName}</span> <span class="list_writer">${trublcfrncmngList.regName}</span>
</a> </a>
</li> </li>
</c:forEach> </c:forEach>

11
src/main/webapp/kofair_case_seed/adm/style/index.css
View File

@ -13,16 +13,19 @@
.main .btn_plus i{display:inline-block;width:100%;height:100%;background:url(/kofair_case_seed/adm/images/main/icon_plus.png) no-repeat center center;} .main .btn_plus i{display:inline-block;width:100%;height:100%;background:url(/kofair_case_seed/adm/images/main/icon_plus.png) no-repeat center center;}
.main .box_list{display:flex;padding:20px 25px;flex-direction:column;gap:18px;} .main .box_list{display:flex;padding:20px 25px;flex-direction:column;gap:18px;}
.main .box_list a{display:flex;font-size:16px;font-weight:300;color:#666;gap:3px;transition:all 0.3s;} .main .box_list a{display:flex;font-size:16px;font-weight:300;color:#666;gap:3px;transition:all 0.3s;justify-content:space-between;}
.main .box_list a:hover{text-decoration:underline;text-underline-offset:3px;transition:all 0.3s;} .main .box_list a:hover{text-decoration:underline;text-underline-offset:3px;transition:all 0.3s;}
.main .box_list span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .main .box_list span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.main .box_list .list_title{position:relative;width:calc(100% - 160px);font-weight:400;color:#222;padding:} .main .box_list .list_title{position:relative;width:calc(100% - 210px);font-weight:400;color:#222;padding:}
.main .box_list.recent .list_title{padding:0 0 0 8px;} .main .box_list.recent .list_title{padding:0 0 0 8px;}
.main .box_list.recent .new .list_title{padding:0 0 0 29px;} .main .box_list.recent .new .list_title{padding:0 0 0 29px;}
.main .box_list.recent .list_title::before{position:absolute;content:"·";display:inline-flex;width:16px;height:16px;left:0;top:-1px;} .main .box_list.recent .list_title::before{position:absolute;content:"·";display:inline-flex;width:16px;height:16px;left:0;top:-1px;}
.main .box_list .new .list_title::after{position:absolute;content:"N";display:inline-flex;width:16px;height:16px;font-size:10px;font-weight:bold;color:#fff;background:#e40000;border-radius:5px;justify-content:center;align-items:center;margin:4px 0 0 5px;left:3px;} .main .box_list .new .list_title::after{position:absolute;content:"N";display:inline-flex;width:16px;height:16px;font-size:10px;font-weight:bold;color:#fff;background:#e40000;border-radius:5px;justify-content:center;align-items:center;margin:4px 0 0 5px;left:3px;}
.main .box_list .list_writer{width:60px;} .main .box_list .list_writer{width:30%;}
.main .box_list .list_date{width:100px;text-align:right;} .main .box_list .list_date{width:112px;text-align:right;text-overflow:unset;}
.main .box.width2 .box_list .list_title{width:calc(100% - 255px);}
.main .box.width2 .box_list .list_date{width:76px;}
.main .box.width2 .box_list .list_writer{width:auto;min-width:15%;max-width:40%;}
.main .quick_area{display:inline-flex;flex-wrap:wrap;border:0;gap:20px;} .main .quick_area{display:inline-flex;flex-wrap:wrap;border:0;gap:20px;}
.main .quick_area a{position:relative;width:calc((100% - 20px)/2);height:calc((100% - 20px)/2);padding:25px;color:#fff;border-radius:10px;transition:all 0.3s;} .main .quick_area a{position:relative;width:calc((100% - 20px)/2);height:calc((100% - 20px)/2);padding:25px;color:#fff;border-radius:10px;transition:all 0.3s;}