Design/EasySoft-ZenTaoPMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 30 Wiki Activity

* task #44364, improve layout for page product/all.

Browse Source
This commit is contained in:
Hao Sun
2021-11-18 16:45:11 +08:00
parent 2a3c7922ab
commit 759533f592
3 changed files with 63 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files
module/product/css/all.css
+42 -18
View File
@@ -37,24 +37,48 @@
.side-col {padding-right: 20px; width: 18%;}
#sidebar>.cell {width: 100%;}
.main-table thead>tr:first-of-type>th {border-left: 1px solid #ddd;}
.main-table thead>tr:first-of-type>th:first-child {border-left: none;}
th.table-nest-title .nest-has-checkbox {margin-top: 7px; margin-left: 35px;}
th.table-nest-title .nest-none-checkbox {margin-top: 8px; margin-left: 5px;}
th.table-nest-title .header {margin-left: 5px;}
th.table-nest-title .sort-up {padding-left: 5px;}
th.table-nest-title .sort-down {padding-left: 5px;}
th.table-nest-title .table-nest-toggle {top: 12px; opacity: .6;}
th.table-nest-title .table-nest-toggle:hover {opacity: 1;}
th.c-name {width: 400px;}
th.c-requirement {width: 290px;}
th.c-story {width: 290px;}
th.c-bug {width: 200px;}
th.c-plan {width: 45px;}
th.c-release {width: 50px;}
th.c-actions {width: 60px;}
#productTableList .icon-product:before {content: '\e98f'; width: 22px; height: 22px; background: none; color: rgb(166, 170, 184); top: 0; line-height: 22px; margin-right: 2px; font-size: 14px;}
#productListForm thead>tr>th,
#productListForm tbody>tr>td {text-align: center; text-overflow: unset!important}
#productListForm thead>tr>th {padding: 0; line-height: 24px;}
#productListForm thead>tr:first-child>th {border-left: 1px solid #ddd;}
#productListForm thead>tr>th.c-checkbox {border-left: none; padding-left: 15px; width: 45px;}
#productListForm tbody>tr>td {padding: 2px 4px;}
#productListForm tbody>tr>td:first-child {text-align: left; padding-left: 15px;}
#productListForm th.table-nest-title .nest-has-checkbox {margin-top: 7px; margin-left: 35px;}
#productListForm th.table-nest-title .nest-none-checkbox {margin-top: 8px; margin-left: 5px;}
#productListForm th.table-nest-title .header {margin-left: 5px;}
#productListForm th.table-nest-title .sort-up {padding-left: 5px;}
#productListForm th.table-nest-title .sort-down {padding-left: 5px;}
#productListForm th.table-nest-title .table-nest-toggle {top: 12px; opacity: .6;}
#productListForm th.table-nest-title .table-nest-toggle:hover {opacity: 1;}
#productListForm .table.has-sort-head thead>tr>th>a:after,
#productListForm .table.has-sort-head thead>tr>th>a:before {top: -3px;}
#productListForm .icon-product:before {content: '\e98f'; width: 22px; height: 22px; background: none; color: rgb(166, 170, 184); top: 0; line-height: 22px; margin-right: 2px; font-size: 14px;}
.table.has-sort-head thead>tr>th>a:after, .table.has-sort-head thead>tr>th>a:before {top: -3px;}
.main-table thead>tr>th {padding: 0px 8px; line-height: 24px;}
@media screen and (max-width: 1460px)
{
th.c-name {width: auto;}
}
@media screen and (max-width: 1300px)
{
[lang^='zh-'] th.c-requirement {width: 240px;}
[lang^='zh-'] th.c-story {width: 240px;}
}
.icon-move {color: #16a8f8;}
.c-name {text-overflow: unset !important; width: 110px !important;}
.c-checkbox {width: 45px;}
.c-story {width: 300px;}
.c-bug {width: 200px;}
.c-plan, .c-release {width: 60px;}
@media screen and (max-width: 1250px)
{
#productListForm thead>tr>th {font-size: 12px;}
th.c-requirement {width: 280px;}
th.c-story {width: 280px;}
th.c-actions {width: 50px;}
[lang^='zh-'] th.c-requirement {width: 220px;}
[lang^='zh-'] th.c-story {width: 220px;}
}