From c6cfaba19440bbb22770fe3c45496b96a9471ace Mon Sep 17 00:00:00 2001 From: subsub Date: Thu, 7 Dec 2023 12:41:45 +0900 Subject: [PATCH] =?UTF-8?q?2023/12/07=20=EC=84=A0=EA=B1=B0=EB=AC=B8?= =?UTF-8?q?=EC=9E=90=20table=20=E2=86=92=20ul=EB=A1=9C=20=EB=B3=80?= =?UTF-8?q?=EA=B2=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/main/webapp/publish/css/content.css | 22 ++- .../webapp/publish/sub_election_2023.html | 177 +++++++++--------- 2 files changed, 111 insertions(+), 88 deletions(-) diff --git a/src/main/webapp/publish/css/content.css b/src/main/webapp/publish/css/content.css index b28f48ca..16b7704b 100644 --- a/src/main/webapp/publish/css/content.css +++ b/src/main/webapp/publish/css/content.css @@ -596,7 +596,8 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px .sub .heading i.election_btn3 {background-image: url(/publish/images/content/print_icon2.png); width: 20px; height: 19px; margin: 0 3px 2px 0;} /* 2023/12/01 선거문자 - 20건문자(수동문자)전송 추가 */ -.sub .election .receipt_number_table_wrap .listType{height:346px;} +/* .sub .election .receipt_number_table_wrap .listType{height:346px;} */ +.sub .election .receipt_number_table_wrap .listType{height:351px;} .sub .election .receipt_number_table_wrap .receipt_number_table tbody{height:calc(100% - 38px);} .sub .election .receipt_number_table_wrap .receipt_number_table thead tr,.sub .election .receipt_number_table_wrap .receipt_number_table tbody tr{border-top:0;} .sub .election .receipt_number_table_wrap .receipt_number_table th,.sub .election .receipt_number_table_wrap .receipt_number_table td{position:relative;} @@ -622,6 +623,25 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px .sub .election .list_bottom .list_bottom_right .btn_yellow{display:inline-flex;align-items:center;padding:0 10px;} .sub .election .list_bottom .list_bottom_right .btn_yellow i.qmMark{background:url(/publish/images/content/qmIcon_black.png) no-repeat center;margin:0 0 0 2px;} +/* 2023/12/07 선거문자 - 20건문자(수동문자) 전송 추가 table에서 ul로 변경 */ +.sub .election .receipt_number_table_wrap .table_ul{display:flex;flex-wrap:wrap;text-align:center;align-content:flex-start;} +.sub .election .receipt_number_table_wrap .table_ul li{position:relative;display:flex;border:0;background:transparent;justify-content:center;align-items:center;} +.sub .election .receipt_number_table_wrap .table_ul li::after{position:absolute;content:"";width:1px;height:16px;background:#d4d4d4;right:0;top:50%;transform:translateY(-50%);} +.sub .election .receipt_number_table_wrap .table_ul li:nth-child(2n)::after{display:none;} +.sub .election .receipt_number_table_wrap .thead_ul li:nth-child(odd){width:60px;} +.sub .election .receipt_number_table_wrap .thead_ul li:nth-child(even){width:calc((100% - 120px)/2);} +.sub .election .receipt_number_table_wrap .thead_ul{position:relative;border-bottom:1px solid #a2a2a2;} +.sub .election .receipt_number_table_wrap .thead_ul::after{position:absolute;content:"";width:100%;height:1px;background:#e5e6e7;} +.sub .election .receipt_number_table_wrap .thead_ul li{height:38px;font-size:16px;font-weight:400;background:#e8e8e8;} +.sub .election .receipt_number_table_wrap .thead_ul li button{margin:-4px 1px 0 1px;} +.sub .election .receipt_number_table_wrap .thead_ul li .btn_sort_up{margin:-4px 0 0 4px;} +.sub .election .receipt_number_table_wrap .tbody_ul{position:relative;height:calc(100% - 40px);overflow:hidden;} +.sub .election .receipt_number_table_wrap .tbody_ul::after{position:absolute;content:"";width:100%;height:100%;background:url(/publish/images/content/tbody_li_line.png) left 0px;left:0;top:0;} +.sub .election .receipt_number_table_wrap .tbody_ul li{width:calc(100%/2);height:31px;justify-content:flex-start;} +.sub .election .receipt_number_table_wrap .tbody_ul li .input_wrap{position:relative;width:60px;} +.sub .election .receipt_number_table_wrap .tbody_ul li .input_wrap::after{position:absolute;content:"";width:1px;height:16px;background:#d4d4d4;right:0;top:50%;transform:translateY(-50%);} +.sub .election .receipt_number_table_wrap .tbody_ul li label{width:calc(100% - 60px);} + /* send_bottom */ .send_bottom {position: relative;margin: 60px 0 0 0;} .send_bottom .bottom_content {background-color: #fff;padding: 40px;border-radius: 10px;} diff --git a/src/main/webapp/publish/sub_election_2023.html b/src/main/webapp/publish/sub_election_2023.html index 83ab5f87..7067da51 100644 --- a/src/main/webapp/publish/sub_election_2023.html +++ b/src/main/webapp/publish/sub_election_2023.html @@ -30,7 +30,7 @@