tao-test/app/taoQtiItem/views/scss/qtiCreator/_modal-feedback.scss

106 lines
2.4 KiB
SCSS
Raw Normal View History

2022-08-29 20:14:13 +02:00
@import "inc/bootstrap";
#modalFeedbacks{
color: $textColor !important;
background: white !important;
.mini-tlb {
@extend %mini-tlb;
top:-2px;
right:-2px;
z-index: 5000;
}
.modal-body{
position:relative;
}
.widget-ok{
margin: 30px 0px 0px;
display:none;
}
.widget-inline{
display:inline-block;
&.hover{
@extend %editHover;
}
&.edit-active{
@extend %editActive;
}
}
.qti-modalFeedback{
.modal-title{
border: solid 1px transparent;
&.inplace{
&:hover, &:focus {
border: dotted 1px $uiClickableHoverBg;
}
input{
font-size: 2rem;
width: 100% !important;
max-width: 100%;
border:none;
padding: 0;
}
}
}
}
}
.feedbackRules{
.feedbackRule-container{
select {
width: 190px
}
position:relative;
margin: 5px 0;
padding:8px;
@include simple-border();
background-color:white(.8);
max-width:500px;
.feedbackRule-condition{
width:86px !important;
min-width:86px !important;
}
.feedbackRule-desc {
margin-bottom:5px;
width: 35px;
display:inline-block;
}
.feedbackRule-then-else{
position:relative;
margin-top: 5px;
.feedbackRule-button-delete{
top:5px;
right:2px;
}
}
.feedbackRule-button-delete{
color: $info;
position:absolute;
top:12px;
right:10px;
cursor:pointer;
@include font-size(13);
&:hover{
color: whiten($info, .5);
}
}
.feedbackRule-compared-value{
min-width:35px;
width:35px;
}
}
.feedbackRule-add,
.feedbackRule-add-else {
display: block;
margin-top:5px;
}
.choices-selector {
margin: 4px 0;
@include font-size(13);
input {
font-size: inherit;
width: 100% !important;
max-width: unset;
}
}
}