parent
1d7ea3c156
commit
40a53f7d99
8 changed files with 211 additions and 282 deletions
@ -1,123 +1,64 @@ |
||||
|
||||
.commonTable { |
||||
/* min-width: 361px; |
||||
max-width: 361px; |
||||
width: 361px; */ |
||||
width: 100%; |
||||
border-bottom: 1px solid #c8c8c8; |
||||
.thead { |
||||
display: flex; |
||||
.th { |
||||
min-width: 350px; |
||||
border-collapse:collapse; |
||||
caption-side:bottom; |
||||
table-layout: fixed; |
||||
overflow: hidden; |
||||
white-space: nowrap; |
||||
thead { |
||||
tr { |
||||
th{ |
||||
padding: 6px; |
||||
border-top: 1px solid #c8c8c8; |
||||
border-left: 1px solid #c8c8c8; |
||||
border: 1px solid #c8c8c8; |
||||
font-family: "Segoe UI Web (West European)",Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif; |
||||
width: 100%; |
||||
color: #767676; |
||||
font-size: 13px; |
||||
font-weight: bold; |
||||
transition: 0.5s; |
||||
|
||||
white-space: normal; |
||||
word-break: break-all; |
||||
cursor: pointer; |
||||
|
||||
&:hover { |
||||
background: #f4f4f4; |
||||
color: #666666; |
||||
transition: 0.5s; |
||||
} |
||||
} |
||||
.Departments { |
||||
min-width: 123px !important; |
||||
} |
||||
.Managers { |
||||
min-width: 116px !important; |
||||
} |
||||
.Members { |
||||
min-width: 116px !important; |
||||
} |
||||
.count { |
||||
min-width: 46px !important; |
||||
max-width: 46px !important; |
||||
border-right: 1px solid #c8c8c8; |
||||
} |
||||
} |
||||
.tbody { |
||||
display: flex; |
||||
|
||||
.td { |
||||
border-top: 1px solid #c8c8c8; |
||||
border-left: 1px solid #c8c8c8; |
||||
.commonTbody { |
||||
tr { |
||||
td { |
||||
padding: 6px; |
||||
border: 1px solid #c8c8c8; |
||||
font-family: "Segoe UI Web (West European)",Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif; |
||||
color: #767676; |
||||
background: #ffffff; |
||||
font-size: 13px; |
||||
width: 100%; |
||||
|
||||
font-family: "Segoe UI Web (West European)",Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif; |
||||
transition: 0.5s; |
||||
cursor: pointer; |
||||
|
||||
|
||||
.cell { |
||||
padding: 3px 5px; |
||||
color: #767676; |
||||
border-bottom: 1px solid #c8c8c8; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: center; |
||||
|
||||
/* max-width: 100px; */ |
||||
&:hover { |
||||
background: #f4f4f4; |
||||
color: #666666; |
||||
transition: 0.5s; |
||||
} |
||||
span { |
||||
/* white-space: nowrap; */ |
||||
div { |
||||
width: 99%; |
||||
overflow: hidden; |
||||
text-overflow: ellipsis; |
||||
display: block; |
||||
} |
||||
} |
||||
.Departments { |
||||
width: 124px !important; |
||||
margin-left: 1px; |
||||
} |
||||
.Managers { |
||||
min-width: 106px !important; |
||||
} |
||||
.Members { |
||||
min-width: 106px !important; |
||||
|
||||
} |
||||
.isCrit { |
||||
background: #ff000042; |
||||
&:hover { |
||||
background: #ff0000ab; |
||||
color: #4b4b4b; |
||||
transition: 0.5s; |
||||
transition: .5s; |
||||
} |
||||
} |
||||
.count { |
||||
min-width: 47px !important; |
||||
} |
||||
.cell:last-child { |
||||
border-bottom: none; |
||||
} |
||||
div { |
||||
text-align: center; |
||||
vertical-align: center; |
||||
} |
||||
.dividingLine{ |
||||
border-bottom: 1px solid #c8c8c8; |
||||
} |
||||
} |
||||
.MembersTaskCount { |
||||
width: 58px; |
||||
max-width: 58px !important; |
||||
min-width: 58px !important; |
||||
border-right: 1px solid #c8c8c8; |
||||
} |
||||
} |
||||
} |
||||
.dividingLine{ |
||||
border-bottom: 1px solid #c8c8c8; |
||||
} |
||||
|
||||
|
@ -0,0 +1,3 @@ |
||||
.ms-DetailsRow-cell { |
||||
white-space: pre-line; |
||||
} |
Loading…
Reference in new issue