literyzjs-project/src/project/project.scss
2024-08-14 23:11:05 +01:00

133 lines
2.4 KiB
SCSS

.literyzjs-project {
.project-planner {
border-spacing: 0px;
border-collapse: separate;
cursor: default;
padding: 0px 0px 30px 0px;
width: 100%;
.b {
font-weight: bold;
input[type="text"] {
font-weight: bold;
}
}
.c {
text-align: center;
}
.i {
display: inline-block;
width: 20px;
}
thead {
tr {
font-weight: bold;
font-size: 0.8em;
user-select: none;
height: 40px;
text-align: center;
vertical-align: bottom;
th {
background-color: #E1E1E1;
border-color: #B8B8B8;
border-style: solid;
border-width: 0px 0px 1px 1px;
color: #3E7138;
margin: 0px;
padding: 6px 10px 5px 10px;
min-width: 20px;
}
th:first-child {
background-color: inherit;
border-left-width: 0px;
}
th:last-child {
border-right-width: 1px;
}
}
}
tbody {
tr {
input[type="text"] {
background: none;
border: none;
cursor: default;
font-family: inherit;
font-size: inherit;
margin: 0px;
padding: 0px;
width: auto;
}
td {
border-color: #B8B8B8;
border-style: solid;
border-width: 0px 0px 1px 0px;
margin: 0px;
overflow: hidden;
padding: 5px 5px 5px 5px;
text-overflow: ellipsis;
white-space: nowrap;
}
td:first-child {
border-right-width: 1px;
color: #7E7E7E;
font-size: 0.8em;
text-align: center;
user-select: none;
}
td:last-child {
border-right-width: 1px;
}
}
tr:hover {
td:first-child {
background-color: #D1F2C7;
color: #3E7138;
font-weight: bold;
}
td:not(:first-child) {
background-color: rgba(233, 237, 239, 0.8);
}
}
tr:nth-child(odd) {
background-color: rgba(233, 237, 239, 0.3);
}
}
}
.gantt-chart {
border-color: #B8B8B8;
border-style: solid;
border-width: 1px;
overflow: hidden;
scrollbar-width: thin;
scrollbar-color: #CDCDCD #F0F0F0;
}
.gantt-chart.scroll-x {
overflow-x: scroll !important;
}
}