395 lines
No EOL
7 KiB
CSS
395 lines
No EOL
7 KiB
CSS
/*
|
|
* ganttz.css Ganttz specific styles
|
|
* /
|
|
|
|
The next constants are used within the planner styling:
|
|
|
|
Ganntz.ListdetailsWidth = 280
|
|
|
|
|
|
zkTasklist.HEIGHT_PER_ROW = 15
|
|
zkTasklist.HEIGHT_TIME_TRACKER = 120
|
|
|
|
zkTasklist.SCROLLBAR_WIDTH = 15
|
|
|
|
zkTasklist.SCROLL_CONTAINER_INITIAL_HEIGHT = 500
|
|
zkTasklist.SCROLL_CONTAINER_INITIAL_WIDTH = 600
|
|
|
|
zkTasklist.GANTT_PANEL_LEFT = 300
|
|
|
|
*/
|
|
|
|
/* -------------- Listdetails -------------- */
|
|
|
|
/* External listdetails box */
|
|
.listdetails {
|
|
width:280px; /* Ganntz.ListdetailsWidth */
|
|
float:left;
|
|
margin-top: 0px;
|
|
/* border-bottom: 1px solid #86A4BE; */
|
|
font-size:10px !important;
|
|
margin-top:0px;
|
|
}
|
|
|
|
#listdetails_container {
|
|
float:left;
|
|
height:500px; /* zkTasklist.SCROLL_CONTAINER_INITIAL_HEIGHT */
|
|
position:relative;
|
|
top:27px;
|
|
overflow-y: hidden;
|
|
border-bottom: 1px solid #86A4BE;
|
|
border-right: 1px solid #86A4BE;
|
|
}
|
|
|
|
.listdetails img {
|
|
display:none;
|
|
}
|
|
|
|
#listdetails_container td {
|
|
border-bottom:1px solid #86A4BE;
|
|
border-left:1px solid #86A4BE;
|
|
border:0px;
|
|
}
|
|
|
|
#listdetails_container td {
|
|
padding:0px;
|
|
}
|
|
|
|
.listdetails input {
|
|
width: 65px;
|
|
font-size:10px !important;
|
|
border-bottom:0px;
|
|
border-right:0px;
|
|
height:17px;
|
|
}
|
|
|
|
#listdetails_container .z-datebox-inp,
|
|
#listdetails_container div.z-tree-col-cnt {
|
|
font-family:"Verdana,Tahoma,Arial,Helvetica,sans-serif";
|
|
font-size:10px !important;
|
|
border-bottom:0px;
|
|
border-right:0px;
|
|
}
|
|
|
|
.depth_1 .task_title {
|
|
width: 121px !important;
|
|
}
|
|
.depth_2 .task_title {
|
|
width: 104px !important;
|
|
}
|
|
.depth_3 .task_title {
|
|
width: 85px;
|
|
}
|
|
.depth_4 .task_title {
|
|
width: 64px;
|
|
}
|
|
|
|
|
|
.taskdetail_grid table {
|
|
height:30px;
|
|
width:285px; /* Ganntz.ListdetailsWidth */
|
|
}
|
|
|
|
|
|
|
|
#listtasks {
|
|
position:relative;
|
|
width:600px;
|
|
top:0px;
|
|
}
|
|
|
|
/* Task box properties */
|
|
.box {
|
|
border: 1px solid;
|
|
text-align:center;
|
|
vertical-align: middle;
|
|
z-index:10;
|
|
cursor: pointer;
|
|
cursor: hand;
|
|
}
|
|
|
|
/* Task lane properties */
|
|
.row {
|
|
height: 9px; /* 19 */
|
|
border-bottom: dotted 1px #CCCCCC;
|
|
margin-bottom: 10px;
|
|
margin-top: 10px;
|
|
width: 10000px; /* Defined to be larger than the maximum scroll_inner_x */
|
|
}
|
|
|
|
|
|
/* -------------- Dependencies -------------- */
|
|
#listdependencies {
|
|
position:relative;
|
|
width:400px;
|
|
float:left;
|
|
top:0px;
|
|
}
|
|
|
|
.dependence {
|
|
z-index:1;
|
|
position: absolute;
|
|
}
|
|
|
|
.end, .start, .mid, .arrow {
|
|
position:absolute;
|
|
padding:4px;
|
|
cursor: crosshair;
|
|
}
|
|
|
|
.end, .start {
|
|
height:1px;
|
|
}
|
|
|
|
.mid {
|
|
width:1px;
|
|
}
|
|
|
|
.completion {
|
|
display: none;
|
|
width: 30%;
|
|
margin-top:0px;
|
|
height: 10px;
|
|
background-color: #FFCC99;
|
|
z-index:5;
|
|
border:0px;
|
|
}
|
|
|
|
.row span {
|
|
display:none;
|
|
position:relative;
|
|
z-index:5;
|
|
color:#BBBBBB;
|
|
white-space:nowrap;
|
|
}
|
|
|
|
/* -------------- TaskGroup -------------- */
|
|
.taskgroup_start {
|
|
background-image: url("/navalplanner-webapp/zkau/web/ganttz/img/group_left.png");
|
|
height: 10px;
|
|
width: 10px;
|
|
float:left;
|
|
}
|
|
|
|
.taskgroup_end {
|
|
background-image: url("/navalplanner-webapp/zkau/web/ganttz/img/group_right.png");
|
|
height: 10px;
|
|
width: 10px;
|
|
float:right;
|
|
}
|
|
|
|
.taskgroup, .row .expanded {
|
|
border-top: solid black 2px;
|
|
border-bottom: 0px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
.row .closed {
|
|
border-top: solid black 2px;
|
|
}
|
|
|
|
|
|
|
|
|
|
.zk #ganttpanel .z-button-cm {
|
|
border: 0px;
|
|
}
|
|
|
|
#ganttpanel {
|
|
height:400px; /* 800 */
|
|
width: 900px;
|
|
}
|
|
|
|
#ganttpanel table {
|
|
float:left;
|
|
padding:0;
|
|
margin:0;
|
|
overflow:hidden;
|
|
}
|
|
|
|
#ganttpanel table td {
|
|
padding:0;
|
|
}
|
|
|
|
/* -------------- Timetracker -------------- */
|
|
.timetracker_fake_row {
|
|
height: 80px;
|
|
}
|
|
|
|
/* Forces every zoom level the same table width */
|
|
#timetracker table {
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
#timetracker .second_level_ tr {
|
|
height:14px;
|
|
}
|
|
|
|
/* Watermark alternate row color */
|
|
#watermark .timetracker_column_even {
|
|
background-color: #EEEEEE;
|
|
}
|
|
|
|
/* Background image for current day vertical line */
|
|
#watermark .timetracker_column_today {
|
|
background-image: url("/navalplanner-webapp/zkau/web/ganttz/img/watermark_today.png");
|
|
background-repeat: repeat-y;
|
|
}
|
|
|
|
#watermark .bankHoliday {
|
|
background-color: #FFEEEE; !important;
|
|
}
|
|
|
|
#watermark .weekend {
|
|
background-color: #FFEEEE; !important;
|
|
}
|
|
|
|
|
|
|
|
/* Reduce spacing and font-size for watermark legend */
|
|
.z-columns, .z-column {
|
|
font-size: 8px !important;
|
|
text-align: center;
|
|
padding:0 0 0 0 !important;
|
|
}
|
|
|
|
table {
|
|
margin:0px;
|
|
padding:0px;
|
|
border:0px;
|
|
}
|
|
|
|
#scroll_container {
|
|
margin-top:70px;
|
|
height:300px; /* Recalculated based on window */
|
|
width:500px; /* Recalculated based on window */
|
|
overflow:hidden;
|
|
float:left;
|
|
position:absolute;
|
|
left:285px; /* Ganntz.ListdetailsWidth + borders = 280 + 5 */
|
|
/* border:solid green 1px; */
|
|
}
|
|
|
|
#timetracker {
|
|
/* border: solid 1px red; */
|
|
position:absolute;
|
|
left:285px; /* Ganntz.ListdetailsWidth + borders = 280 + 5 */
|
|
height:500px; /* zkTasklist.SCROLL_CONTAINER_INITIAL_HEIGHT (dynamic) */
|
|
width:600px; /* zkTasklist.SCROLL_CONTAINER_INITIAL_WIDTH (dynamic) */
|
|
position:absolute;
|
|
overflow-x:hidden;
|
|
float:left;
|
|
}
|
|
|
|
#zoom_buttons {
|
|
position:relative;
|
|
}
|
|
|
|
tr.z-vbox-sep {
|
|
height: 0px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
}
|
|
|
|
|
|
#ganttpanel_scroller_x, #ganttpanel_scroller_y {
|
|
position:absolute;
|
|
float:left;
|
|
overflow:auto;
|
|
}
|
|
|
|
#ganttpanel_scroller_x {
|
|
|
|
top: 600px; /* (dynamic) */
|
|
left: 285px; /* Ganntz.ListdetailsWidth + borders = 280 + 5 */
|
|
width:635px;
|
|
height:15px;
|
|
}
|
|
|
|
#ganttpanel_inner_scroller_x {
|
|
/* must be resized on ganttpanel javascript adjust size */
|
|
width:9000px; /* Real canvas dimensions */
|
|
height:15px; /* Scroll constant */
|
|
}
|
|
|
|
#ganttpanel_scroller_y {
|
|
top: 145px; /* Fixed top position */
|
|
left: 920px;
|
|
width:15px;
|
|
height:330px;
|
|
}
|
|
#ganttpanel_inner_scroller_y {
|
|
width:15px; /* Scroll constant */
|
|
height:1350px; /* Modified when added or removed tasks, or zoom adjustments */
|
|
}
|
|
|
|
|
|
.footer {
|
|
/* Pending to calculate general position */
|
|
display:none;
|
|
}
|
|
|
|
/* Hidden at the beginning to avoid the first scalation effect */
|
|
#ganttpanel_scroller_x {
|
|
display:none;
|
|
}
|
|
#ganttpanel_scroller_y {
|
|
display:none;
|
|
}
|
|
|
|
/* -------------- ResourceLoad -------------- */
|
|
.taskassignmentinterval {
|
|
float:left;
|
|
height:10px;
|
|
position:absolute;
|
|
}
|
|
|
|
.FULL_LOAD {
|
|
background-color:green;
|
|
}
|
|
|
|
.SOME_LOAD {
|
|
background-color:orange;
|
|
}
|
|
|
|
.OVERLOAD {
|
|
background-color:red;
|
|
}
|
|
|
|
.NO_LOAD {
|
|
background-color:#007bbe;
|
|
}
|
|
|
|
.row_resourceload {
|
|
height: 10px;
|
|
border: solid 1px #000000;
|
|
margin-bottom: 10px;
|
|
margin-top: 10px;
|
|
width: auto;
|
|
}
|
|
|
|
.resourcesloadpanel {
|
|
}
|
|
|
|
.resourceload_name {
|
|
display:none;
|
|
}
|
|
|
|
.resourceloadleftpane {
|
|
top:27px;
|
|
position: relative;
|
|
float: left;
|
|
width: 285px;
|
|
padding-right: 15px;
|
|
overflow-y: hidden;
|
|
}
|
|
.resourceloadlist {
|
|
margin-top: 70px;
|
|
float: right;
|
|
width: 400px;/*TODO remove percentages at bars and do not specify width*/
|
|
overflow: visible;
|
|
position: absolute;
|
|
left: 285px;
|
|
} |