djb-eapim/eapim-portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

모바일 - 문의사항 목록 디자인 적용

Browse Source
This commit is contained in:
현성필
2025-12-12 15:18:26 +09:00
parent f9b9a2ee43
commit b5670aab62
8 changed files with 389 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/main/resources/static/css/main.css
+146
View File
@@ -4192,6 +4192,7 @@ select.form-control {
@media (max-width: 768px) {
.search-field {
width: 100%;
margin-top: 10px;
}
}
.search-field input {
@@ -15768,6 +15769,151 @@ input[type=checkbox]:checked + .custom-checkbox {
font-weight: 700;
color: #212529;
}
.inquiry-list-container .list-table .list-table-header .header-cell:nth-child(1) {
display: none;
}
.inquiry-list-container .list-table .list-table-header .header-cell:nth-child(2) {
flex: 1 !important;
min-width: 100px;
}
.inquiry-list-container .list-table .list-table-header .header-cell:nth-child(3) {
width: 50px !important;
min-width: 50px;
flex: none;
justify-content: center;
}
.inquiry-list-container .list-table .list-table-header .header-cell:nth-child(4) {
width: 65px !important;
min-width: 65px;
flex: none;
justify-content: center;
}
.inquiry-list-container .list-table .list-table-header .header-cell:nth-child(5) {
display: none;
}
.inquiry-list-container .list-table .list-table-row .row-cell:nth-child(1), .inquiry-list-container .list-table .list-table-row .row-cell.row-cell--number {
display: none;
}
.inquiry-list-container .list-table .list-table-row .row-cell:nth-child(2), .inquiry-list-container .list-table .list-table-row .row-cell.row-cell--title {
flex: 1 !important;
min-width: 100px;
justify-content: flex-start;
}
.inquiry-list-container .list-table .list-table-row .row-cell:nth-child(2) .notice-title-link, .inquiry-list-container .list-table .list-table-row .row-cell.row-cell--title .notice-title-link {
display: flex;
align-items: center;
gap: 4px;
overflow: hidden;
}
.inquiry-list-container .list-table .list-table-row .row-cell:nth-child(2) .notice-title-link .notice-number, .inquiry-list-container .list-table .list-table-row .row-cell.row-cell--title .notice-title-link .notice-number {
display: none !important;
}
.inquiry-list-container .list-table .list-table-row .row-cell:nth-child(2) .notice-title-link > span:not(.notice-number):not(.file-icon), .inquiry-list-container .list-table .list-table-row .row-cell.row-cell--title .notice-title-link > span:not(.notice-number):not(.file-icon) {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.inquiry-list-container .list-table .list-table-row .row-cell:nth-child(2) .notice-title-link .file-icon, .inquiry-list-container .list-table .list-table-row .row-cell.row-cell--title .notice-title-link .file-icon {
flex-shrink: 0;
width: 16px;
height: 16px;
}
.inquiry-list-container .list-table .list-table-row .row-cell:nth-child(2) .notice-title-link .file-icon svg, .inquiry-list-container .list-table .list-table-row .row-cell.row-cell--title .notice-title-link .file-icon svg {
width: 16px;
height: 16px;
}
.inquiry-list-container .list-table .list-table-row .row-cell:nth-child(3) {
width: 50px !important;
min-width: 50px;
flex: none;
justify-content: center;
text-align: center;
}
.inquiry-list-container .list-table .list-table-row .row-cell:nth-child(4) {
width: 65px !important;
min-width: 65px;
flex: none;
justify-content: center;
text-align: center;
}
.inquiry-list-container .list-table .list-table-row .row-cell:nth-child(4) .inquiry-status-badge {
height: 24px;
padding: 0 8px;
font-size: 12px;
}
.inquiry-list-container .list-table .list-table-row .row-cell:nth-child(5) {
display: none;
}
.inquiry-list-container .inquiry-actions {
order: 4;
width: 100%;
margin-top: 0;
}
.inquiry-list-container .inquiry-actions .btn {
width: 100%;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
}
.inquiry-list-container .table-controls .search-field {
order: 2;
width: 100%;
}
.notice-list-container .list-table .list-table-header .header-cell:nth-child(1) {
display: none;
}
.notice-list-container .list-table .list-table-header .header-cell:nth-child(2) {
flex: 1 !important;
min-width: 100px;
}
.notice-list-container .list-table .list-table-header .header-cell:nth-child(3) {
width: 70px !important;
min-width: 70px;
flex: none;
}
.notice-list-container .list-table .list-table-row .row-cell:nth-child(1), .notice-list-container .list-table .list-table-row .row-cell.row-cell--number {
display: none;
}
.notice-list-container .list-table .list-table-row .row-cell:nth-child(2), .notice-list-container .list-table .list-table-row .row-cell.row-cell--title {
flex: 1 !important;
min-width: 100px;
justify-content: flex-start;
}
.notice-list-container .list-table .list-table-row .row-cell:nth-child(2) .notice-title-link, .notice-list-container .list-table .list-table-row .row-cell.row-cell--title .notice-title-link {
display: flex;
align-items: center;
gap: 4px;
overflow: hidden;
}
.notice-list-container .list-table .list-table-row .row-cell:nth-child(2) .notice-title-link .notice-number, .notice-list-container .list-table .list-table-row .row-cell.row-cell--title .notice-title-link .notice-number {
display: none !important;
}
.notice-list-container .list-table .list-table-row .row-cell:nth-child(2) .notice-title-link > span:not(.notice-number):not(.file-icon), .notice-list-container .list-table .list-table-row .row-cell.row-cell--title .notice-title-link > span:not(.notice-number):not(.file-icon) {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.notice-list-container .list-table .list-table-row .row-cell:nth-child(2) .notice-title-link .file-icon, .notice-list-container .list-table .list-table-row .row-cell.row-cell--title .notice-title-link .file-icon {
flex-shrink: 0;
width: 16px;
height: 16px;
}
.notice-list-container .list-table .list-table-row .row-cell:nth-child(2) .notice-title-link .file-icon svg, .notice-list-container .list-table .list-table-row .row-cell.row-cell--title .notice-title-link .file-icon svg {
width: 16px;
height: 16px;
}
.notice-list-container .list-table .list-table-row .row-cell:nth-child(3) {
width: 70px !important;
min-width: 70px;
flex: none;
justify-content: center;
text-align: center;
}
.notice-list-container .table-controls .search-field {
order: 2;
width: 100%;
}
.org-register-container {
padding: 24px 16px;
}