diff --git a/module/common/view/kanban.html.php b/module/common/view/kanban.html.php index 6b76284996..5d01a0e574 100644 --- a/module/common/view/kanban.html.php +++ b/module/common/view/kanban.html.php @@ -5,8 +5,8 @@ #kanbanList .panel-heading {padding: 10px;} #kanbanList .panel-body {padding: 0 10px 10px;} #kanbanList .kanban {min-height: 120px; overflow: visible;} -#kanbanList .kanban-item {border-radius: 2px;} -#kanbanList .kanban-item:hover {border: 1px solid #ccc;} +#kanbanList .kanban-card {border-radius: 2px; padding: 10px;} +#kanbanList .kanban-card:hover {border: 1px solid #ccc;} #kanbanList .kanban-header, #kanbanList .kanban-lane {border-bottom: none; margin-bottom: 0;} #kanbanList .kanban-sub-lane {border-bottom: 0;} @@ -18,45 +18,44 @@ #kanbanList .kanban-header + .kanban-lane > .kanban-lane-name {margin-top: 0;} #kanbanList .kanban-header {position: relative;} #kanbanList .kanban-item.link-block {padding: 0;} -#kanbanList .kanban-item.link-block > a {padding: 10px; display: block;} -#kanbanList .kanban-item > .title {white-space: nowrap; overflow: hidden; text-overflow: clip;} -#kanbanList .kanban-item.link-block > a {padding: 10px; display: block;} -#kanbanList .kanban-item.has-progress {padding-right: 40px; position: relative;} -#kanbanList .kanban-item.has-progress > .progress-pie {position: absolute; right: 7px; top: 7px} -#kanbanList .kanban-item.has-left-border {border-left: 2px solid #838a9d;} -#kanbanList .kanban-item.has-left-border.border-left-green {border-left-color: #0bd986;} -#kanbanList .kanban-item.has-left-border.border-left-red {border-left-color: #ff5d5d;} -#kanbanList .kanban-item.has-left-border.border-left-blue {border-left-color: #0991ff;} +#kanbanList .kanban-item.link-block a {padding: 10px; display: block;} +#kanbanList .kanban-card > .title {white-space: nowrap; overflow: hidden; text-overflow: clip;} +#kanbanList .kanban-card.has-progress {padding-right: 40px; position: relative;} +#kanbanList .kanban-card.has-progress > .progress-pie {position: absolute; right: 7px; top: 7px} +#kanbanList .kanban-card.has-left-border {border-left: 2px solid #838a9d;} +#kanbanList .kanban-card.has-left-border.border-left-green {border-left-color: #0bd986;} +#kanbanList .kanban-card.has-left-border.border-left-red {border-left-color: #ff5d5d;} +#kanbanList .kanban-card.has-left-border.border-left-blue {border-left-color: #0991ff;} #kanbanList .no-flex .kanban-lane > .kanban-sub-lanes[data-sub-lanes-count="1"] > .kanban-sub-lane {min-height: 90px;} #kanbanList .no-flex .kanban-lane > .kanban-sub-lanes[data-sub-lanes-count="2"] > .kanban-sub-lane {min-height: 45px;} .kanban-affixed {padding-top: 72px;} .kanban-affixed > .kanban-header {position: fixed!important; top: 0; background: rgba(80,80,80,.9); color: #fff; z-index: 100;} +#kanbanList .kanban-col[data-type="unclosedProduct"] .kanban-item {padding: 0;} +#kanbanList .kanban-col[data-type="unclosedProduct"] .kanban-lane-items {height: 100%; display: flex; flex-direction: column; justify-content: center; padding: 0; overflow: hidden;} +#kanbanList .kanban-card.kanban-card-span, +#kanbanList .kanban-col[data-type="unclosedProduct"] .kanban-card {background-color: transparent; border: none; padding: 0; text-align: center; box-shadow: none!important; margin: 0; height: auto!important;} +#kanbanList .kanban-card.kanban-card-span:hover, +#kanbanList .kanban-col[data-type="unclosedProduct"] .kanban-card:hover {box-shadow: none;} +#kanbanList .kanban-card.kanban-card-span > .title, +#kanbanList .kanban-col[data-type="unclosedProduct"] .kanban-card > .title {white-space: normal; line-height: 1;} -#kanbanList .kanban-col[data-type="unclosedProduct"] .kanban-lane-items {height: 100%; display: flex; flex-direction: column; justify-content: center;} -#kanbanList .kanban-item.kanban-item-span, -#kanbanList .kanban-col[data-type="unclosedProduct"] .kanban-item {background-color: transparent; border: none; padding: 0; text-align: center; box-shadow: none!important; margin: 0 10px;} -#kanbanList .kanban-item.kanban-item-span:hover, -#kanbanList .kanban-col[data-type="unclosedProduct"] .kanban-item:hover {box-shadow: none;} -#kanbanList .kanban-item.kanban-item-span > .title, -#kanbanList .kanban-col[data-type="unclosedProduct"] .kanban-item > .title {white-space: normal;} - -#kanbanList .kanban-col[data-type="normalRelease"] .kanban-item > .title {display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; height: 38px;} -#kanbanList .kanban-col[data-type="normalRelease"] .kanban-item > .title > .text {display: block; white-space: nowrap; text-overflow: clip; overflow: hidden;} -#kanbanList .kanban-col[data-type="normalRelease"] .kanban-item > .title.has-icon > .text {margin-right: 5px; max-width: calc(100% - 20px);} -#kanbanList .no-flex .kanban-col[data-type="normalRelease"] .kanban-item > .title {display: block; height: 38px;} -#kanbanList .no-flex .kanban-col[data-type="normalRelease"] .kanban-item > .title > .text {display: inline-block;} -#kanbanList .no-flex .kanban-col[data-type="normalRelease"] .kanban-item > .title > .icon {position: relative; top: -5px} +#kanbanList .kanban-col[data-type="normalRelease"] .kanban-card > .title {display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center;} +#kanbanList .kanban-col[data-type="normalRelease"] .kanban-card > .title > .text {display: block; white-space: nowrap; text-overflow: clip; overflow: hidden;} +#kanbanList .kanban-col[data-type="normalRelease"] .kanban-card > .title.has-icon > .text {margin-right: 5px; max-width: calc(100% - 20px);} +#kanbanList .no-flex .kanban-col[data-type="normalRelease"] .kanban-card > .title {display: block; height: 38px;} +#kanbanList .no-flex .kanban-col[data-type="normalRelease"] .kanban-card > .title > .text {display: inline-block;} +#kanbanList .no-flex .kanban-col[data-type="normalRelease"] .kanban-card > .title > .icon {position: relative; top: -5px} #kanbanList .kanban-affixed .kanban-header-col[data-type="doingProject"]:after {background-color: #606060;} /* Show project and execution in one row */ #kanbanList .kanban-lane-col[data-type="doingProject"] + .kanban-lane-col {border-left: none; box-shadow: inset 2px 0 0 #fff;} -#kanbanList .kanban-lane-col[data-type="doingProject"] > .kanban-lane-items {padding: 0; overflow: visible; max-height: none!important;} -#kanbanList .project-row {position: relative; width: 200%; width: calc(200% + 2px);} -#kanbanList .project-row + .project-row {border-top: 2px solid #fff;} -#kanbanList .project-row > .project-col {float: left; width: 50%;} -/* #kanbanList .project-row > .project-col + .project-col {padding: 10px 9px 10px 11px;} */ +#kanbanList .kanban-lane-col[data-type="doingProject"] > .kanban-lane-items {padding: 0!important; overflow: visible; max-height: none!important;} +#kanbanList .kanban-item-span {padding: 0!important;} +#kanbanList .project-row {position: relative; width: 200%; width: calc(200% + 2px); height: 62px!important;} +#kanbanList .kanban-item-span + .kanban-item-span > .project-row {border-top: 2px solid #fff;} +#kanbanList .project-row > .project-col {float: left; width: 50%; padding: 10px;} #kanbanList .project-row > .execution-item {position: absolute!important; left: 100%; top: 0}