tao-test/app/taoQtiItem/views/scss/qtiCreator/_text-entry.scss

131 lines
2.5 KiB
SCSS

@import "inc/bootstrap";
.widget-box.widget-textEntryInteraction{
display:none;
background: rgba($uiClickableDefaultBg, .9);
.tlb-wrapper{
top : -26px;
}
.overlay {
.message {
top: 0;
}
}
&.edit-norp, &.edit-question{
.qti-textEntryInteraction{
padding: 20px 30px 10px 30px;
}
}
}
.textEntryInteraction-placeholder {
@include simple-border();
display:inline-block;
width: 150px;
line-height: 24px;
position: relative;
padding: 0;
margin-right: 1px;
cursor: pointer;
label{
padding:0 10px;
margin:0;
}
.icon-down {
position: absolute;
@include font-size(11);
right: 6px;
top: 6px;
}
&.hover{
@extend %editHover;
}
}
.qti-textEntryInteraction {
[data-edit]{
display:none;
}
padding: 20px 10px 5px 30px;
table {
border-collapse: separate;
}
tr {
height: 27px;
white-space: nowrap;
}
.icon-radio{
top: 3px;
left: 8px;
}
.icon-bin {
text-align:center;
width:auto;
top : 0;
padding: 0 5px;
cursor: pointer;
vertical-align: middle;
&:hover{
color: $uiClickableHoverBg;
}
}
td.option, .main-option {
padding: 0 18px 0 10px;
border-left: 1px $uiGeneralContentBorder solid;
border-right: 1px $uiGeneralContentBorder solid;
background:white;
&:last{
border-bottom: 1px $uiGeneralContentBorder solid;
}
}
.main-option {
border-top: 1px $uiGeneralContentBorder solid;
border-bottom: 1px $uiGeneralContentBorder solid;
min-width: 150px;
&>div {
padding: 0;
position: relative;
}
}
td.icon-title{
font-size:12px;
color:$info;
padding: 0 5px;
}
td input{
width:122px;
height:28px;
}
td[contenteditable]{
&:hover{
@extend %editHover;
}
&:focus{
@extend %editActive;
}
cursor:text !important;
}
input.score {
width:30px;
}
.add-option{
.icon-add{
width:auto;
left:3px;
top:1px;
}
}
}