|
|
@ -10,20 +10,20 @@
|
|
|
|
|
|
|
|
|
|
|
|
#commonModal .template,
|
|
|
|
#commonModal .template,
|
|
|
|
#commonModal .template-select {
|
|
|
|
#commonModal .template-select {
|
|
|
|
max-width : 1300px;
|
|
|
|
max-width: 1500px;
|
|
|
|
width : 90vw;
|
|
|
|
width: 90vw;
|
|
|
|
height : 850px;
|
|
|
|
height: 850px;
|
|
|
|
|
|
|
|
|
|
|
|
.bp3-dialog-body {
|
|
|
|
.bp3-dialog-body {
|
|
|
|
height : 700px;
|
|
|
|
height: 700px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.bp3-dialog-footer{
|
|
|
|
.bp3-dialog-footer {
|
|
|
|
justify-content: space-between;
|
|
|
|
justify-content: space-between;
|
|
|
|
height : 110px;
|
|
|
|
height: 110px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.bp3-dialog-body>div:first-child {
|
|
|
|
.bp3-dialog-body > div:first-child {
|
|
|
|
min-width: 200px;
|
|
|
|
min-width: 200px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
@ -32,34 +32,34 @@
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.template-right {
|
|
|
|
.template-right {
|
|
|
|
flex : 1;
|
|
|
|
flex: 1;
|
|
|
|
overflow: auto;
|
|
|
|
overflow: auto;
|
|
|
|
|
|
|
|
|
|
|
|
.template-list {
|
|
|
|
.template-list {
|
|
|
|
padding : 0;
|
|
|
|
padding: 0;
|
|
|
|
list-style : none;
|
|
|
|
list-style: none;
|
|
|
|
display : flex;
|
|
|
|
display: flex;
|
|
|
|
flex-wrap : wrap;
|
|
|
|
flex-wrap: wrap;
|
|
|
|
width : 60%;
|
|
|
|
width: 60%;
|
|
|
|
box-shadow : 1px 0 0 0 rgba(16, 22, 26, 0.15);
|
|
|
|
box-shadow: 1px 0 0 0 rgba(16, 22, 26, 0.15);
|
|
|
|
align-content: flex-start;
|
|
|
|
align-content: flex-start;
|
|
|
|
text-align : center;
|
|
|
|
text-align: center;
|
|
|
|
|
|
|
|
|
|
|
|
&>li {
|
|
|
|
& > li {
|
|
|
|
padding: 5px 10px 0 10px;
|
|
|
|
padding: 5px 10px 0 10px;
|
|
|
|
|
|
|
|
|
|
|
|
&>div {
|
|
|
|
& > div {
|
|
|
|
width : 80%;
|
|
|
|
width: 80%;
|
|
|
|
margin: 0 auto;
|
|
|
|
margin: 0 auto;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&>p {
|
|
|
|
& > p {
|
|
|
|
width : 100px;
|
|
|
|
width: 100px;
|
|
|
|
// overflow: hidden;
|
|
|
|
// overflow: hidden;
|
|
|
|
// white-space: nowrap;
|
|
|
|
// white-space: nowrap;
|
|
|
|
// text-overflow: ellipsis;
|
|
|
|
// text-overflow: ellipsis;
|
|
|
|
margin : 0;
|
|
|
|
margin: 0;
|
|
|
|
line-height : 1;
|
|
|
|
line-height: 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -68,7 +68,7 @@
|
|
|
|
width: 320px;
|
|
|
|
width: 320px;
|
|
|
|
overflow: auto;
|
|
|
|
overflow: auto;
|
|
|
|
|
|
|
|
|
|
|
|
&>div {
|
|
|
|
& > div {
|
|
|
|
input {
|
|
|
|
input {
|
|
|
|
height: 30px;
|
|
|
|
height: 30px;
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -76,45 +76,44 @@
|
|
|
|
align-items: flex-start;
|
|
|
|
align-items: flex-start;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&>ul {
|
|
|
|
& > ul {
|
|
|
|
width: 300px;
|
|
|
|
width: 300px;
|
|
|
|
list-style: none;
|
|
|
|
list-style: none;
|
|
|
|
padding : 0;
|
|
|
|
padding: 0;
|
|
|
|
text-align: center;
|
|
|
|
text-align: center;
|
|
|
|
box-shadow: 1px 0 0 0 rgba(16, 22, 26, 0.15);
|
|
|
|
box-shadow: 1px 0 0 0 rgba(16, 22, 26, 0.15);
|
|
|
|
max-height: 40%;
|
|
|
|
max-height: 40%;
|
|
|
|
overflow : auto;
|
|
|
|
overflow: auto;
|
|
|
|
|
|
|
|
|
|
|
|
&>li {
|
|
|
|
& > li {
|
|
|
|
display : flex;
|
|
|
|
display: flex;
|
|
|
|
justify-content: space-between;
|
|
|
|
justify-content: space-between;
|
|
|
|
height : 25px;
|
|
|
|
height: 25px;
|
|
|
|
align-items : center;
|
|
|
|
align-items: center;
|
|
|
|
white-space : nowrap;
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
|
|
|
|
|
|
&>span {
|
|
|
|
& > span {
|
|
|
|
width : 25%;
|
|
|
|
width: 25%;
|
|
|
|
overflow : hidden;
|
|
|
|
overflow: hidden;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.kugan {
|
|
|
|
.kugan {
|
|
|
|
margin-top: 20px;
|
|
|
|
margin-top: 20px;
|
|
|
|
|
|
|
|
|
|
|
|
&>div {
|
|
|
|
& > div {
|
|
|
|
&>label {
|
|
|
|
& > label {
|
|
|
|
display : flex;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
align-items: center;
|
|
|
|
text-align : left;
|
|
|
|
text-align: left;
|
|
|
|
flex : 1;
|
|
|
|
flex: 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&>label:first-child {
|
|
|
|
& > label:first-child {
|
|
|
|
span {
|
|
|
|
span {
|
|
|
|
width: 60px;
|
|
|
|
width: 60px;
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -131,30 +130,30 @@
|
|
|
|
.delete-selete {
|
|
|
|
.delete-selete {
|
|
|
|
position: relative;
|
|
|
|
position: relative;
|
|
|
|
|
|
|
|
|
|
|
|
&>.bp3-control {
|
|
|
|
& > .bp3-control {
|
|
|
|
display : none;
|
|
|
|
display: none;
|
|
|
|
position : absolute;
|
|
|
|
position: absolute;
|
|
|
|
top : 5px;
|
|
|
|
top: 5px;
|
|
|
|
left : 10px;
|
|
|
|
left: 10px;
|
|
|
|
margin : 0;
|
|
|
|
margin: 0;
|
|
|
|
padding : 0;
|
|
|
|
padding: 0;
|
|
|
|
height : 16px;
|
|
|
|
height: 16px;
|
|
|
|
line-height: 16px;
|
|
|
|
line-height: 16px;
|
|
|
|
|
|
|
|
|
|
|
|
.bp3-control-indicator {
|
|
|
|
.bp3-control-indicator {
|
|
|
|
margin : 0;
|
|
|
|
margin: 0;
|
|
|
|
vertical-align: baseline;
|
|
|
|
vertical-align: baseline;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&>.selected {
|
|
|
|
& > .selected {
|
|
|
|
display: block;
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&>.bp3-popover-wrapper:not(:first-child) {
|
|
|
|
& > .bp3-popover-wrapper:not(:first-child) {
|
|
|
|
position: absolute;
|
|
|
|
position: absolute;
|
|
|
|
top : 0px;
|
|
|
|
top: 0px;
|
|
|
|
right : 0px;
|
|
|
|
right: 0px;
|
|
|
|
|
|
|
|
|
|
|
|
.bp3-button {
|
|
|
|
.bp3-button {
|
|
|
|
display: none;
|
|
|
|
display: none;
|
|
|
@ -165,80 +164,52 @@
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&:hover>.bp3-control {
|
|
|
|
&:hover > .bp3-control {
|
|
|
|
display: block;
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&:hover>.bp3-popover-wrapper .bp3-button {
|
|
|
|
&:hover > .bp3-popover-wrapper .bp3-button {
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.tag-list {
|
|
|
|
.tag-list {
|
|
|
|
border-right : 1px solid #ccc;
|
|
|
|
border-right: 1px solid #ccc;
|
|
|
|
display : flex;
|
|
|
|
display: flex;
|
|
|
|
width : 75%;
|
|
|
|
width: 75%;
|
|
|
|
flex-wrap : wrap;
|
|
|
|
flex-wrap: wrap;
|
|
|
|
align-content: start;
|
|
|
|
align-content: start;
|
|
|
|
|
|
|
|
|
|
|
|
.pagination {
|
|
|
|
.pagination {
|
|
|
|
margin-top: 20px;
|
|
|
|
margin-top: 20px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&>.tag-img {
|
|
|
|
& > .tag-img {
|
|
|
|
width : 17%;
|
|
|
|
width: 17%;
|
|
|
|
outline : 1px solid #ccc;
|
|
|
|
outline: 1px solid #ccc;
|
|
|
|
height : 0;
|
|
|
|
height: 0;
|
|
|
|
text-align : center;
|
|
|
|
text-align: center;
|
|
|
|
padding-bottom: calc(20%);
|
|
|
|
padding-bottom: calc(20%);
|
|
|
|
position : relative;
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&>.tag-img:hover:after,
|
|
|
|
& > .tag-img:hover:after,
|
|
|
|
&>.tag-img.active:after {
|
|
|
|
& > .tag-img.active:after {
|
|
|
|
content : "";
|
|
|
|
content: "";
|
|
|
|
position : absolute;
|
|
|
|
position: absolute;
|
|
|
|
left : 0;
|
|
|
|
left: 0;
|
|
|
|
top : 0;
|
|
|
|
top: 0;
|
|
|
|
width : 100%;
|
|
|
|
width: 100%;
|
|
|
|
height : 100%;
|
|
|
|
height: 100%;
|
|
|
|
background-color: rgb(30, 152, 209);
|
|
|
|
background-color: rgb(30, 152, 209);
|
|
|
|
opacity : 0.5;
|
|
|
|
opacity: 0.5;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.tag-name-list {
|
|
|
|
|
|
|
|
list-style : none;
|
|
|
|
|
|
|
|
width : 100px;
|
|
|
|
|
|
|
|
text-align : left;
|
|
|
|
|
|
|
|
padding : 0;
|
|
|
|
|
|
|
|
max-height : 100%;
|
|
|
|
|
|
|
|
overflow : auto;
|
|
|
|
|
|
|
|
border-right : 1px solid #ccc;
|
|
|
|
|
|
|
|
padding-right: 5px;
|
|
|
|
|
|
|
|
width : 20%;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
li {
|
|
|
|
|
|
|
|
border-bottom: 1px solid #ccc;
|
|
|
|
|
|
|
|
padding : 5px;
|
|
|
|
|
|
|
|
cursor : pointer;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
li:hover {
|
|
|
|
|
|
|
|
background-color: #ccc;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
li.active {
|
|
|
|
|
|
|
|
background-color: rgba(19, 124, 189);
|
|
|
|
|
|
|
|
color : #fff;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#commonModal .template-detail {
|
|
|
|
#commonModal .template-detail {
|
|
|
|
&>.add-tag {
|
|
|
|
& > .add-tag {
|
|
|
|
display : flex;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
align-items: center;
|
|
|
|
padding-top: 10px;
|
|
|
|
padding-top: 10px;
|
|
|
|
|
|
|
|
|
|
|
@ -247,14 +218,14 @@
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
button {
|
|
|
|
button {
|
|
|
|
height : 20px;
|
|
|
|
height: 20px;
|
|
|
|
min-height : 20px;
|
|
|
|
min-height: 20px;
|
|
|
|
line-height: 20px;
|
|
|
|
line-height: 20px;
|
|
|
|
padding : 0 5px;
|
|
|
|
padding: 0 5px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&>div {
|
|
|
|
& > div {
|
|
|
|
input {
|
|
|
|
input {
|
|
|
|
height: 30px;
|
|
|
|
height: 30px;
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -262,32 +233,32 @@
|
|
|
|
align-items: flex-start;
|
|
|
|
align-items: flex-start;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&>div:last-child {
|
|
|
|
& > div:last-child {
|
|
|
|
text-align: right;
|
|
|
|
text-align: right;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&>ul {
|
|
|
|
& > ul {
|
|
|
|
list-style: none;
|
|
|
|
list-style: none;
|
|
|
|
padding : 0;
|
|
|
|
padding: 0;
|
|
|
|
text-align: center;
|
|
|
|
text-align: center;
|
|
|
|
box-shadow: 1px 0 0 0 rgba(16, 22, 26, 0.15);
|
|
|
|
box-shadow: 1px 0 0 0 rgba(16, 22, 26, 0.15);
|
|
|
|
max-height: 40%;
|
|
|
|
max-height: 40%;
|
|
|
|
overflow : auto;
|
|
|
|
overflow: auto;
|
|
|
|
|
|
|
|
|
|
|
|
&>li {
|
|
|
|
& > li {
|
|
|
|
display : flex;
|
|
|
|
display: flex;
|
|
|
|
justify-content: space-between;
|
|
|
|
justify-content: space-between;
|
|
|
|
height : 25px;
|
|
|
|
height: 25px;
|
|
|
|
align-items : center;
|
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
|
|
|
|
&>span {
|
|
|
|
& > span {
|
|
|
|
width : 25%;
|
|
|
|
width: 25%;
|
|
|
|
overflow : hidden;
|
|
|
|
overflow: hidden;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&>li:not(:first-child) {
|
|
|
|
& > li:not(:first-child) {
|
|
|
|
box-shadow: 0 1px 0 0 rgba(16, 22, 26, 0.15);
|
|
|
|
box-shadow: 0 1px 0 0 rgba(16, 22, 26, 0.15);
|
|
|
|
|
|
|
|
|
|
|
|
span {
|
|
|
|
span {
|
|
|
@ -304,7 +275,7 @@
|
|
|
|
#commonModal .tag-temp-detail {
|
|
|
|
#commonModal .tag-temp-detail {
|
|
|
|
flex: 1;
|
|
|
|
flex: 1;
|
|
|
|
|
|
|
|
|
|
|
|
&>ul {
|
|
|
|
& > ul {
|
|
|
|
max-height: 100%;
|
|
|
|
max-height: 100%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -318,31 +289,30 @@
|
|
|
|
margin: 0;
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.bp3-dialog-body .bp3-label>span {
|
|
|
|
.bp3-dialog-body .bp3-label > span {
|
|
|
|
width: auto;
|
|
|
|
width: auto;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.bp3-dialog-body>div {
|
|
|
|
.bp3-dialog-body > div {
|
|
|
|
height: 100%;
|
|
|
|
height: 100%;
|
|
|
|
|
|
|
|
|
|
|
|
&>div:first-child {
|
|
|
|
& > div:first-child {
|
|
|
|
width: 60%;
|
|
|
|
width: 60%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&>div:last-child {
|
|
|
|
& > div:last-child {
|
|
|
|
width: 40%;
|
|
|
|
width: 40%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.buttons {
|
|
|
|
.buttons {
|
|
|
|
|
|
|
|
& > button {
|
|
|
|
&>button {
|
|
|
|
margin-right: 3px;
|
|
|
|
margin-right : 3px;
|
|
|
|
|
|
|
|
margin-bottom: 3px;
|
|
|
|
margin-bottom: 3px;
|
|
|
|
border-radius: 5px;
|
|
|
|
border-radius: 5px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&>span {
|
|
|
|
& > span {
|
|
|
|
margin-right: 3px;
|
|
|
|
margin-right: 3px;
|
|
|
|
|
|
|
|
|
|
|
|
& button {
|
|
|
|
& button {
|
|
|
@ -353,40 +323,37 @@
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@boxShadow: rgba(19, 124, 189, 0) 0px 0px 0px 0px,
|
|
|
|
@boxShadow: rgba(19, 124, 189, 0) 0px 0px 0px 0px, rgba(19, 124, 189, 0) 0px 0px 0px 0px, rgba(16, 22, 26, 0.15) 0px 0px 0px 1px inset, rgba(16, 22, 26, 0.2) 0px 1px 1px inset;
|
|
|
|
rgba(19, 124, 189, 0) 0px 0px 0px 0px,
|
|
|
|
|
|
|
|
rgba(16, 22, 26, 0.15) 0px 0px 0px 1px inset,
|
|
|
|
|
|
|
|
rgba(16, 22, 26, 0.2) 0px 1px 1px inset;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.params-list {
|
|
|
|
.params-list {
|
|
|
|
list-style: none;
|
|
|
|
list-style: none;
|
|
|
|
padding : 0;
|
|
|
|
padding: 0;
|
|
|
|
text-align: center;
|
|
|
|
text-align: center;
|
|
|
|
box-shadow: 1px 0 0 0 rgba(16, 22, 26, 0.15);
|
|
|
|
box-shadow: 1px 0 0 0 rgba(16, 22, 26, 0.15);
|
|
|
|
flex : 1;
|
|
|
|
flex: 1;
|
|
|
|
overflow : auto;
|
|
|
|
overflow: auto;
|
|
|
|
|
|
|
|
|
|
|
|
&>li {
|
|
|
|
& > li {
|
|
|
|
display : flex;
|
|
|
|
display: flex;
|
|
|
|
justify-content: space-between;
|
|
|
|
justify-content: space-between;
|
|
|
|
height : 25px;
|
|
|
|
height: 25px;
|
|
|
|
align-items : center;
|
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
|
|
|
|
&>span {
|
|
|
|
& > span {
|
|
|
|
line-height: 25px;
|
|
|
|
line-height: 25px;
|
|
|
|
box-shadow : @boxShadow;
|
|
|
|
box-shadow: @boxShadow;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&>label {
|
|
|
|
& > label {
|
|
|
|
box-shadow: @boxShadow;
|
|
|
|
box-shadow: @boxShadow;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&>span,
|
|
|
|
& > span,
|
|
|
|
&>input,
|
|
|
|
& > input,
|
|
|
|
label {
|
|
|
|
label {
|
|
|
|
width : 20% !important;
|
|
|
|
width: 20% !important;
|
|
|
|
height : 100% !important;
|
|
|
|
height: 100% !important;
|
|
|
|
overflow : hidden;
|
|
|
|
overflow: hidden;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -394,7 +361,7 @@
|
|
|
|
|
|
|
|
|
|
|
|
.action-list {
|
|
|
|
.action-list {
|
|
|
|
overflow: auto;
|
|
|
|
overflow: auto;
|
|
|
|
flex : 1;
|
|
|
|
flex: 1;
|
|
|
|
|
|
|
|
|
|
|
|
.bp3-tree-node-content {
|
|
|
|
.bp3-tree-node-content {
|
|
|
|
height: 20px;
|
|
|
|
height: 20px;
|
|
|
@ -402,18 +369,16 @@
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#modal .action-dialog {
|
|
|
|
#modal .action-dialog {
|
|
|
|
left : 0;
|
|
|
|
left: 0;
|
|
|
|
right : 0;
|
|
|
|
right: 0;
|
|
|
|
top : 0;
|
|
|
|
top: 0;
|
|
|
|
bottom : 0;
|
|
|
|
bottom: 0;
|
|
|
|
margin : auto;
|
|
|
|
margin: auto;
|
|
|
|
width : 280px;
|
|
|
|
width: 280px;
|
|
|
|
z-index : 35;
|
|
|
|
z-index: 35;
|
|
|
|
display : flex;
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
flex-direction: column;
|
|
|
|
box-shadow : 0 0 0 1px rgba(16, 22, 26, 0.15),
|
|
|
|
box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.15), 0 0 0 rgba(16, 22, 26, 0), 0 0 0 rgba(16, 22, 26, 0);
|
|
|
|
0 0 0 rgba(16, 22, 26, 0),
|
|
|
|
|
|
|
|
0 0 0 rgba(16, 22, 26, 0);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
h4 {
|
|
|
|
h4 {
|
|
|
|
font-size: 14px;
|
|
|
|
font-size: 14px;
|
|
|
@ -421,32 +386,32 @@
|
|
|
|
|
|
|
|
|
|
|
|
.bp3-dialog-header {
|
|
|
|
.bp3-dialog-header {
|
|
|
|
min-height: auto;
|
|
|
|
min-height: auto;
|
|
|
|
height : 30px;
|
|
|
|
height: 30px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.bp3-dialog-body {
|
|
|
|
.bp3-dialog-body {
|
|
|
|
padding: 3px;
|
|
|
|
padding: 3px;
|
|
|
|
|
|
|
|
|
|
|
|
&>.bp3-label {
|
|
|
|
& > .bp3-label {
|
|
|
|
display : flex;
|
|
|
|
display: flex;
|
|
|
|
width : 100%;
|
|
|
|
width: 100%;
|
|
|
|
justify-content: space-between;
|
|
|
|
justify-content: space-between;
|
|
|
|
font-size : 14px;
|
|
|
|
font-size: 14px;
|
|
|
|
padding : 5px 10px 5px 10px;
|
|
|
|
padding: 5px 10px 5px 10px;
|
|
|
|
&>input,
|
|
|
|
& > input,
|
|
|
|
&>.bp3-html-select {
|
|
|
|
& > .bp3-html-select {
|
|
|
|
width : 65%;
|
|
|
|
width: 65%;
|
|
|
|
height: 25px;
|
|
|
|
height: 25px;
|
|
|
|
margin: auto;
|
|
|
|
margin: auto;
|
|
|
|
|
|
|
|
|
|
|
|
select{
|
|
|
|
select {
|
|
|
|
height: 25px;
|
|
|
|
height: 25px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
>span{
|
|
|
|
> span {
|
|
|
|
margin-top: 3px;
|
|
|
|
margin-top: 3px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.spanText{
|
|
|
|
.spanText {
|
|
|
|
width: 82px;
|
|
|
|
width: 82px;
|
|
|
|
margin: auto;
|
|
|
|
margin: auto;
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -456,17 +421,17 @@
|
|
|
|
margin: 0px 10px 0 0;
|
|
|
|
margin: 0px 10px 0 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.bp3-control.bp3-checkbox{
|
|
|
|
.bp3-control.bp3-checkbox {
|
|
|
|
margin: 7px 0 0 5px;
|
|
|
|
margin: 7px 0 0 5px;
|
|
|
|
font-size: 13px;
|
|
|
|
font-size: 13px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.bp3-dialog-footer {
|
|
|
|
.bp3-dialog-footer {
|
|
|
|
padding : 5px;
|
|
|
|
padding: 5px;
|
|
|
|
justify-content: flex-end;
|
|
|
|
justify-content: flex-end;
|
|
|
|
|
|
|
|
|
|
|
|
button{
|
|
|
|
button {
|
|
|
|
margin: 5px;
|
|
|
|
margin: 5px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -474,24 +439,24 @@
|
|
|
|
|
|
|
|
|
|
|
|
#commonModal .template-select {
|
|
|
|
#commonModal .template-select {
|
|
|
|
position: absolute;
|
|
|
|
position: absolute;
|
|
|
|
z-index : 30;
|
|
|
|
z-index: 30;
|
|
|
|
|
|
|
|
|
|
|
|
.show-temp {
|
|
|
|
.show-temp {
|
|
|
|
&>h5 {
|
|
|
|
& > h5 {
|
|
|
|
text-align: left;
|
|
|
|
text-align: left;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&>div>div {
|
|
|
|
& > div > div {
|
|
|
|
width : 50%;
|
|
|
|
width: 50%;
|
|
|
|
outline : 1px solid #ccc;
|
|
|
|
outline: 1px solid #ccc;
|
|
|
|
text-align: center;
|
|
|
|
text-align: center;
|
|
|
|
|
|
|
|
|
|
|
|
&>img {
|
|
|
|
& > img {
|
|
|
|
width : 100px;
|
|
|
|
width: 100px;
|
|
|
|
height: 100px;
|
|
|
|
height: 100px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&>p {
|
|
|
|
& > p {
|
|
|
|
text-align: center;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -502,15 +467,15 @@
|
|
|
|
padding: 0;
|
|
|
|
padding: 0;
|
|
|
|
|
|
|
|
|
|
|
|
ul {
|
|
|
|
ul {
|
|
|
|
width : 100px;
|
|
|
|
width: 100px;
|
|
|
|
text-align: center;
|
|
|
|
text-align: center;
|
|
|
|
padding : 5px;
|
|
|
|
padding: 5px;
|
|
|
|
max-height: 200px;
|
|
|
|
max-height: 200px;
|
|
|
|
overflow : auto;
|
|
|
|
overflow: auto;
|
|
|
|
|
|
|
|
|
|
|
|
li {
|
|
|
|
li {
|
|
|
|
border-bottom: 1px solid #ccc;
|
|
|
|
border-bottom: 1px solid #ccc;
|
|
|
|
padding : 2px 0;
|
|
|
|
padding: 2px 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
li:hover {
|
|
|
|
li:hover {
|
|
|
@ -519,8 +484,8 @@
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.saveDir{
|
|
|
|
.saveDir {
|
|
|
|
overflow : auto;
|
|
|
|
overflow: auto;
|
|
|
|
min-width : 200px;
|
|
|
|
min-width: 200px;
|
|
|
|
max-height: 70vh;
|
|
|
|
max-height: 70vh;
|
|
|
|
}
|
|
|
|
}
|
|
|
|