should work now?
This commit is contained in:
311
node_modules/jibo-sdk/styles/mim-editor.less
generated
vendored
Normal file
311
node_modules/jibo-sdk/styles/mim-editor.less
generated
vendored
Normal file
@@ -0,0 +1,311 @@
|
||||
@import "ui-variables";
|
||||
|
||||
.mim-editor {
|
||||
|
||||
overflow-x: auto;
|
||||
|
||||
.mim-editor-frame {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.left-pane {
|
||||
min-width: 300px;
|
||||
max-width: 500px;
|
||||
height: 100%;
|
||||
flex: 1;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.right-pane {
|
||||
min-width: 570px;
|
||||
height: 100%;
|
||||
flex: 1;
|
||||
border: none;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.mim-title {
|
||||
font-size: 1.6em;
|
||||
-webkit-user-select: none;
|
||||
margin-top: 10px;
|
||||
width: 100%;
|
||||
display:table;
|
||||
}
|
||||
|
||||
.mim-title > div {
|
||||
display: table-cell;
|
||||
}
|
||||
|
||||
.mim-title .setting-title {
|
||||
padding-left: 10px;
|
||||
width: 160px;
|
||||
}
|
||||
|
||||
.mim-title > .mim-id {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.mim-setting {
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
.mim-setting > div {
|
||||
width: 100%;
|
||||
display:flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.mim-setting > div > div {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.mim-setting .setting-title {
|
||||
font-size: 1.2em;
|
||||
-webkit-user-select: none;
|
||||
//vertical-align: middle;
|
||||
padding-top: 4px;
|
||||
width: 160px;
|
||||
}
|
||||
|
||||
.mim-setting .option {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.mim-gui-option {
|
||||
> div, .checkbox {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
.prompt-pane-container {
|
||||
display: table;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.prompt-list-header {
|
||||
display: table-row;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.prompt-list-outer {
|
||||
display: table-row;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.prompt-list-inner {
|
||||
height: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.prompt-list {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
overflow-y: scroll;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.prompt-list-title {
|
||||
font-size: 1.2em;
|
||||
-webkit-user-select: none;
|
||||
vertical-align: middle;
|
||||
display: inline;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.mim-prompt {
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-color: #666666;
|
||||
margin-top: 2px;
|
||||
margin-bottom: 2px;
|
||||
padding-left: 8px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.mim-prompt .row {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.mim-prompt .row .mim-setting {
|
||||
flex: 1;
|
||||
//min-width: 285px;
|
||||
}
|
||||
|
||||
.mim-prompt .row .delete-button-wrapper {
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.mim-prompt .mim-setting .setting-title:not(.short) {
|
||||
width: 145px;
|
||||
}
|
||||
.mim-prompt .mim-setting .setting-title.short {
|
||||
width: 60px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.hidden-block-setting {
|
||||
visibility: hidden;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.hidden-setting {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.disabled-setting {
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
.mim-type-announcement {
|
||||
.needs-mim-type:not(.works-with-type-AN):not(.mim-prompt) {
|
||||
.hidden-setting;
|
||||
}
|
||||
.needs-mim-type:not(.works-with-type-AN).mim-prompt {
|
||||
.disabled-setting;
|
||||
}
|
||||
}
|
||||
|
||||
.mim-type-optional-response {
|
||||
.needs-mim-type:not(.works-with-type-OR):not(.mim-prompt) {
|
||||
.hidden-setting;
|
||||
}
|
||||
.needs-mim-type:not(.works-with-type-OR).mim-prompt {
|
||||
.disabled-setting;
|
||||
}
|
||||
}
|
||||
|
||||
.mim-type-question {
|
||||
.needs-mim-type:not(.works-with-type-Q):not(.mim-prompt) {
|
||||
.hidden-setting;
|
||||
}
|
||||
.needs-mim-type:not(.works-with-type-Q).mim-prompt {
|
||||
.disabled-setting;
|
||||
}
|
||||
}
|
||||
|
||||
.mim-prompt:not(.prompt-type-Errors) .prompt-cat-error-only {
|
||||
.hidden-block-setting;
|
||||
}
|
||||
}
|
||||
|
||||
.mim-menu-modal {
|
||||
width: 900px;
|
||||
height: 600px;
|
||||
margin-left: -150px;
|
||||
background-color: @input-background-color;
|
||||
border: solid @base-border-color 1px;
|
||||
.panel-heading {
|
||||
height: 35px;
|
||||
}
|
||||
|
||||
.contents {
|
||||
border: solid @base-border-color 1px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 450px;
|
||||
margin: 10px;
|
||||
|
||||
.list-header {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
padding: 5px;
|
||||
background-color: @tree-view-background-color;
|
||||
.list-title {
|
||||
vertical-align: middle;
|
||||
width: 75px;
|
||||
}
|
||||
}
|
||||
|
||||
.list-outer {
|
||||
//display: table-row;
|
||||
//height: 100%;
|
||||
flex-grow: 1;
|
||||
|
||||
.list-inner {
|
||||
height: 100%;
|
||||
//position: relative;
|
||||
|
||||
.list {
|
||||
display: block;
|
||||
//position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
overflow-y: scroll;
|
||||
overflow-x: hidden;
|
||||
|
||||
.button-entry {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
|
||||
.delete-button-wrapper {
|
||||
align-content: center;
|
||||
background-color: @tree-view-background-color;
|
||||
}
|
||||
|
||||
.column {
|
||||
flex-grow: 1;
|
||||
padding: 2px;
|
||||
border: solid @base-border-color 1px;
|
||||
background-color: @tree-view-background-color;
|
||||
|
||||
.option-title {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.btn-group {
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.color-modal {
|
||||
width: 900px;
|
||||
height: 600px;
|
||||
margin-left: -150px;
|
||||
background-color: @input-background-color;
|
||||
border: solid @base-border-color 1px;
|
||||
.panel-heading {
|
||||
height: 35px;
|
||||
}
|
||||
|
||||
.contents {
|
||||
border: solid @base-border-color 1px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 450px;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.btn-group {
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.color-preview {
|
||||
display:flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-around;
|
||||
|
||||
> div {
|
||||
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user