|
@@ -16,8 +16,14 @@ body {
|
|
|
|
|
|
.ivprog_visual_panel {
|
|
.ivprog_visual_panel {
|
|
height: 96%;
|
|
height: 96%;
|
|
- /*overflow: auto;
|
|
|
|
- overflow-x: auto;*/
|
|
|
|
|
|
+ overflow: auto;
|
|
|
|
+ overflow-x: auto;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.ivprog_textual_panel {
|
|
|
|
+ height: 95%;
|
|
|
|
+ overflow: auto;
|
|
|
|
+ overflow-x: auto;
|
|
}
|
|
}
|
|
|
|
|
|
.ivprog_textual_code {
|
|
.ivprog_textual_code {
|
|
@@ -132,17 +138,6 @@ body {
|
|
margin-right: 10px;
|
|
margin-right: 10px;
|
|
}
|
|
}
|
|
|
|
|
|
-.case_commands_block {
|
|
|
|
- /*border: 1px solid red;*/
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.context_menu {
|
|
|
|
- display: inline;
|
|
|
|
- float: right;
|
|
|
|
- margin-right: 25px;
|
|
|
|
- margin-top: -4px;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
.case_div {
|
|
.case_div {
|
|
border: 1px solid gray;
|
|
border: 1px solid gray;
|
|
margin-left: 30px;
|
|
margin-left: 30px;
|
|
@@ -154,7 +149,7 @@ body {
|
|
.expression_operand_1, .expression_operand_2, .operator, .div_comment_text, .value_rendered, .parameters_function_called, .parameters_function_called div, .expression_elements,
|
|
.expression_operand_1, .expression_operand_2, .operator, .div_comment_text, .value_rendered, .parameters_function_called, .parameters_function_called div, .expression_elements,
|
|
.expression_element, .var_rendered, .menu_add_item, .component_element, .component_element, .conditional_expression, .variable_attribution, .attribution_expression, .var_value_expression,
|
|
.expression_element, .var_rendered, .menu_add_item, .component_element, .component_element, .conditional_expression, .variable_attribution, .attribution_expression, .var_value_expression,
|
|
.incrementation_field, .incrementation_variable, .first_operand, .operator, .second_operand, .variable_to_switch, .variable_case, .button_remove_case, .editing_name_var, .parameter_div_edit,
|
|
.incrementation_field, .incrementation_variable, .first_operand, .operator, .second_operand, .variable_to_switch, .variable_case, .button_remove_case, .editing_name_var, .parameter_div_edit,
|
|
-.all_elements_write, .container_var_element_control, .inline_add_command, .restart_expression, .div_parent_handler, .div_drag_writer {
|
|
|
|
|
|
+.all_elements_write, .container_var_element_control, .inline_add_command, .restart_expression, .div_parent_handler, .div_drag_writer, .single_element_expression, .ghost_parenthesis, .pass_button {
|
|
display: inline;
|
|
display: inline;
|
|
}
|
|
}
|
|
|
|
|
|
@@ -289,6 +284,7 @@ div.buttons_manage_columns {
|
|
}
|
|
}
|
|
.ui.repeatNtimes .separator_character {
|
|
.ui.repeatNtimes .separator_character {
|
|
margin-right: 10px;
|
|
margin-right: 10px;
|
|
|
|
+ margin-left: 15px;
|
|
}
|
|
}
|
|
.ui.repeatNtimes, .ui.whiletrue {
|
|
.ui.repeatNtimes, .ui.whiletrue {
|
|
min-height: 50px;
|
|
min-height: 50px;
|
|
@@ -384,9 +380,6 @@ div.buttons_manage_columns {
|
|
padding: 3px;
|
|
padding: 3px;
|
|
}
|
|
}
|
|
|
|
|
|
-.ui.button_add_case {
|
|
|
|
- margin-top: 10px;
|
|
|
|
-}
|
|
|
|
.accordion {
|
|
.accordion {
|
|
margin: auto;
|
|
margin: auto;
|
|
}
|
|
}
|
|
@@ -478,8 +471,10 @@ div.function_name_div_updated:active,
|
|
}
|
|
}
|
|
|
|
|
|
.character_equals {
|
|
.character_equals {
|
|
- vertical-align: sub;
|
|
|
|
font-size: 150%;
|
|
font-size: 150%;
|
|
|
|
+ display: inline;
|
|
|
|
+ margin-left: 3px;
|
|
|
|
+ margin-right: -2px;
|
|
}
|
|
}
|
|
|
|
|
|
.yellow.icon.times.remove_global,
|
|
.yellow.icon.times.remove_global,
|
|
@@ -559,7 +554,9 @@ div.function_name_div_updated:active,
|
|
.incrementation_field .incrementation_variable,
|
|
.incrementation_field .incrementation_variable,
|
|
.incrementation_field .first_operand:not(:empty),
|
|
.incrementation_field .first_operand:not(:empty),
|
|
.incrementation_field .operator:not(:empty),
|
|
.incrementation_field .operator:not(:empty),
|
|
-.incrementation_field .second_operand:not(:empty) {
|
|
|
|
|
|
+.incrementation_field .second_operand:not(:empty),
|
|
|
|
+.single_element_expression, .ghost_parenthesis,
|
|
|
|
+.ui.repeatNtimes .conditional_expression {
|
|
background: #e8e8e8;
|
|
background: #e8e8e8;
|
|
border-radius: 5px;
|
|
border-radius: 5px;
|
|
min-width: 40px;
|
|
min-width: 40px;
|
|
@@ -647,27 +644,25 @@ div.function_name_div_updated:active,
|
|
|
|
|
|
.global_var .circle.add_global_button, .global_var i.back,
|
|
.global_var .circle.add_global_button, .global_var i.back,
|
|
.ui.add_var_context .icon.plus.circle, .ui.add_var_context .icon.circle.back,
|
|
.ui.add_var_context .icon.plus.circle, .ui.add_var_context .icon.circle.back,
|
|
-.ui.inline_add_command .icon.plus.circle, .ui.inline_add_command .icon.circle.back {
|
|
|
|
|
|
+.ui.rail .icon.plus.circle, .ui.rail .icon.circle.back {
|
|
position: absolute;
|
|
position: absolute;
|
|
}
|
|
}
|
|
.global_var .circle.add_global_button,
|
|
.global_var .circle.add_global_button,
|
|
.ui.add_var_context .icon.plus.circle,
|
|
.ui.add_var_context .icon.plus.circle,
|
|
-.inline_add_command .icon.plus.circle {
|
|
|
|
- z-index: 10;
|
|
|
|
|
|
+.ui.rail .icon.plus.circle {
|
|
color: #bf80d4!important;
|
|
color: #bf80d4!important;
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
font-style: 120%;
|
|
font-style: 120%;
|
|
}
|
|
}
|
|
.global_var i.back,
|
|
.global_var i.back,
|
|
.ui.add_var_context .icon.circle.back,
|
|
.ui.add_var_context .icon.circle.back,
|
|
-.inline_add_command .icon.circle.back {
|
|
|
|
- z-index: 9;
|
|
|
|
|
|
+.ui.rail .icon.circle.back {
|
|
color: white !important;
|
|
color: white !important;
|
|
}
|
|
}
|
|
.ui.add_var_context{
|
|
.ui.add_var_context{
|
|
margin-left: -4px;
|
|
margin-left: -4px;
|
|
}
|
|
}
|
|
-.inline_add_command {
|
|
|
|
|
|
+.ui.rail {
|
|
color: #ab0054 !important;
|
|
color: #ab0054 !important;
|
|
}
|
|
}
|
|
|
|
|
|
@@ -692,6 +687,7 @@ div.function_name_div_updated:active,
|
|
.global_container .span_value_variable,
|
|
.global_container .span_value_variable,
|
|
.variable_container .span_value_variable {
|
|
.variable_container .span_value_variable {
|
|
font-size: 110%;
|
|
font-size: 110%;
|
|
|
|
+ white-space: pre;
|
|
}
|
|
}
|
|
.global_container .global_type, .global_container .editing_name_var, .global_container .span_value_variable,
|
|
.global_container .global_type, .global_container .editing_name_var, .global_container .span_value_variable,
|
|
.variable_container .variable_type, .variable_container .span_value_variable, .variable_container .editing_name_var,
|
|
.variable_container .variable_type, .variable_container .span_value_variable, .variable_container .editing_name_var,
|
|
@@ -713,11 +709,11 @@ div.function_name_div_updated:active,
|
|
color: yellow;
|
|
color: yellow;
|
|
font-size: 125%;
|
|
font-size: 125%;
|
|
}
|
|
}
|
|
-.inline_add_command .icon.plus.circle {
|
|
|
|
|
|
+.ui.rail .icon.plus.circle {
|
|
color: #ec9962 !important;
|
|
color: #ec9962 !important;
|
|
}
|
|
}
|
|
-.inline_add_command .icon.plus.circle,
|
|
|
|
-.inline_add_command .icon.circle.back,
|
|
|
|
|
|
+.ui.rail .icon.plus.circle,
|
|
|
|
+.ui.rail .icon.circle.back,
|
|
.ui.add_var_context .icon.plus.circle,
|
|
.ui.add_var_context .icon.plus.circle,
|
|
.ui.add_var_context .icon.circle.back,
|
|
.ui.add_var_context .icon.circle.back,
|
|
.global_var .icon.plus.circle,
|
|
.global_var .icon.plus.circle,
|
|
@@ -725,8 +721,13 @@ div.function_name_div_updated:active,
|
|
left: 1.8em !important;
|
|
left: 1.8em !important;
|
|
margin-top: 1.5em !important;
|
|
margin-top: 1.5em !important;
|
|
}
|
|
}
|
|
|
|
+
|
|
|
|
+.ui.rail .icon.plus.circle,
|
|
|
|
+.ui.rail .icon.circle.back {
|
|
|
|
+ left: 1.3em !important;
|
|
|
|
+}
|
|
|
|
+
|
|
.ui.icon.button.dropdown.menu_commands {
|
|
.ui.icon.button.dropdown.menu_commands {
|
|
- float: left;
|
|
|
|
color: white;
|
|
color: white;
|
|
margin-left: -4px;
|
|
margin-left: -4px;
|
|
padding: 8px;
|
|
padding: 8px;
|
|
@@ -795,14 +796,6 @@ div.ui.checkbox.transition.visible {
|
|
color: white !important;
|
|
color: white !important;
|
|
border: 2px solid #3125ee;
|
|
border: 2px solid #3125ee;
|
|
}
|
|
}
|
|
-.ui.comment:hover, .ui.reader:hover, .ui.writer:hover, .ui.attribution:hover, .ui.functioncall:hover,
|
|
|
|
-.ui.return:hover {
|
|
|
|
- background: #f2e67f;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.ui.iftrue:hover, .ui.repeatNtimes:hover, .ui.whiletrue:hover, .ui.dowhiletrue:hover, .ui.switch:hover {
|
|
|
|
- background: #c6c8f2;
|
|
|
|
-}
|
|
|
|
|
|
|
|
.ui.iftrue, .ui.repeatNtimes, .ui.whiletrue, .ui.dowhiletrue, .ui.switch {
|
|
.ui.iftrue, .ui.repeatNtimes, .ui.whiletrue, .ui.dowhiletrue, .ui.switch {
|
|
background: #787fe721;
|
|
background: #787fe721;
|
|
@@ -860,4 +853,312 @@ div.ui.checkbox.transition.visible {
|
|
.ui.block_commands {
|
|
.ui.block_commands {
|
|
min-height: 20px !important;
|
|
min-height: 20px !important;
|
|
padding-top: 5px !important;
|
|
padding-top: 5px !important;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.ghost_div {
|
|
|
|
+ height: 20px;
|
|
|
|
+ background-color: #ffffff;
|
|
|
|
+ margin: 5px;
|
|
|
|
+ border: 2px dotted #000000;
|
|
|
|
+ box-shadow: 1px 1px;
|
|
|
|
+ height: 28px;
|
|
|
|
+ border: 2px solid green;
|
|
|
|
+}
|
|
|
|
+.ghost_element, .ghost_parenthesis {
|
|
|
|
+ opacity: 0;
|
|
|
|
+}
|
|
|
|
+.expression_elements:hover .ghost_element, .expression_elements:hover .ghost_parenthesis {
|
|
|
|
+
|
|
|
|
+}
|
|
|
|
+.ghost_element:hover, .ghost_parenthesis:hover {
|
|
|
|
+ opacity: 1.0 !important;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.usepointer, .ghost_element, .ghost_parenthesis, .add_parentheses {
|
|
|
|
+ cursor: pointer !important;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.add_parentheses {
|
|
|
|
+ margin-left: 20px;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.temp_class {
|
|
|
|
+ opacity: 0;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.parentheses_ghost {
|
|
|
|
+ display: inline;
|
|
|
|
+ background-color: #2ecc40;
|
|
|
|
+ padding: 1px 4px;
|
|
|
|
+ font-size: 120%;
|
|
|
|
+ padding-bottom: 2px;
|
|
|
|
+ font-weight: bold;
|
|
|
|
+ margin: 0px 4px;
|
|
|
|
+ border-radius: 4px;
|
|
|
|
+ box-shadow: 4px black;
|
|
|
|
+ box-shadow: 1px 1px;
|
|
|
|
+ border: 1px solid gray;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.single_element_expression {
|
|
|
|
+
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.floating_parenthesis {
|
|
|
|
+ padding: 3px 2px;
|
|
|
|
+ border: 1px solid gray;
|
|
|
|
+ background-color: #e8e8e8;
|
|
|
|
+ width: 30px;
|
|
|
|
+ text-align: center;
|
|
|
|
+ border-radius: 5px;
|
|
|
|
+ font-weight: bold;
|
|
|
|
+ box-shadow: 2px 2px grey;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.remove_element_expression {
|
|
|
|
+ display: inline;
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: -15px;
|
|
|
|
+ right: -5px;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.mouse_distance {
|
|
|
|
+
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.mouse_distance_hidden {
|
|
|
|
+ display: none !important;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.mouse_distance_except {
|
|
|
|
+ display: inline !important;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.higher_element {
|
|
|
|
+ display: inline;
|
|
|
|
+ min-width: 10px !important;
|
|
|
|
+ min-height: 10px;
|
|
|
|
+
|
|
|
|
+ position: absolute;
|
|
|
|
+ margin-left: -10px;
|
|
|
|
+ margin-top: -5px;
|
|
|
|
+ padding-left: 5px;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.ghost_element {
|
|
|
|
+ border: 2px solid green !important;
|
|
|
|
+ box-shadow: #8f8f8f 2px 2px !important;
|
|
|
|
+ background: #d8ffd8 !important;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.ui.button.green.add_expression {
|
|
|
|
+ padding: 2px;
|
|
|
|
+ padding-top: 5px;
|
|
|
|
+ padding-bottom: 5px;
|
|
|
|
+ margin-left: 5px;
|
|
|
|
+ padding-left: 10px;
|
|
|
|
+}
|
|
|
|
+.ui.button.green.add_expression i {
|
|
|
|
+ font-size: 110%;
|
|
|
|
+}
|
|
|
|
+.simple_add {
|
|
|
|
+ display: inline;
|
|
|
|
+}
|
|
|
|
+.lixeira {
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: 300px;
|
|
|
|
+ left: 200px;
|
|
|
|
+ height: 100px;
|
|
|
|
+ background-image: url('../img/trash-icon.png');
|
|
|
|
+ width: 125px !important;
|
|
|
|
+ background-position: 0;
|
|
|
|
+ background-repeat: no-repeat;
|
|
|
|
+ display: none;
|
|
|
|
+}
|
|
|
|
+.lixeira .trash {
|
|
|
|
+ font-size: 3em;
|
|
|
|
+}
|
|
|
|
+.color_test {
|
|
|
|
+ background-color: green;
|
|
|
|
+}
|
|
|
|
+.parentheses_fixed {
|
|
|
|
+ background-color: #617063 !important;
|
|
|
|
+ color: white !important;
|
|
|
|
+}
|
|
|
|
+.parentheses_in_expression {
|
|
|
|
+ cursor: pointer;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.ivprog-error-varname {
|
|
|
|
+ font-style: italic;
|
|
|
|
+ margin-left: 1px;
|
|
|
|
+ margin-right: 1px;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.disabled {
|
|
|
|
+ pointer-events: none;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.dimmer_content_message {
|
|
|
|
+ color: white;
|
|
|
|
+ display: none;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.circular.inverted.teal.question.icon {
|
|
|
|
+ font-size: 12px;
|
|
|
|
+ margin-left: 10px;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.table_buttons {
|
|
|
|
+ width: 100%;
|
|
|
|
+ margin-top: 10px;
|
|
|
|
+}
|
|
|
|
+.table_buttons .right_align {
|
|
|
|
+ text-align: right;
|
|
|
|
+}
|
|
|
|
+.text_area_output, .text_area_input {
|
|
|
|
+ width: 80%;
|
|
|
|
+}
|
|
|
|
+.tabular .item {
|
|
|
|
+ font-size: 1.1em;
|
|
|
|
+}
|
|
|
|
+.tabular.menu {
|
|
|
|
+ margin-top: 1em !important;
|
|
|
|
+}
|
|
|
|
+.ui.bottom.attached.tab.segment, .tabular.menu {
|
|
|
|
+ margin-left: 1em !important;
|
|
|
|
+ margin-right: 1em !important;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.ui.blue.table thead tr:first-child > th {
|
|
|
|
+ position: sticky !important;
|
|
|
|
+ top: 0;
|
|
|
|
+ z-index: 2;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.ui.bottom.attached.tab.segment.tab_algorithm {
|
|
|
|
+ height: 90%;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.ui.segment.settings_topic h3 {
|
|
|
|
+ margin-bottom: 20px;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.settings_topic .content_segment_settings {
|
|
|
|
+ margin-left: 40px;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.ui.repeatNtimes .span_command_spec {
|
|
|
|
+ margin-right: 10px;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.ui.repeatNtimes .ui.attribution_expression {
|
|
|
|
+ margin-right: -10px;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.ui.repeatNtimes .ui.var_value_expression.div_expression_st {
|
|
|
|
+ margin-left: -10px;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.pass_button {
|
|
|
|
+ margin-left: 10px;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.pass_button button {
|
|
|
|
+ padding-bottom: 2px;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+/* Write newline button*/
|
|
|
|
+.ivprog_newline_btn {
|
|
|
|
+ position: absolute;
|
|
|
|
+ height: 32px;
|
|
|
|
+ cursor: pointer;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.ui.icon.button.minimize_block_button {
|
|
|
|
+ background: none;
|
|
|
|
+ float: right;
|
|
|
|
+ padding-top: .25rem;
|
|
|
|
+ margin-right: .3rem;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+div.ui.dropdown.menu_commands.pause {
|
|
|
|
+
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.context_menu {
|
|
|
|
+ display: inline;
|
|
|
|
+ margin-left: 1rem;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.data_block_if span.textual_expression,
|
|
|
|
+.ui.dowhiletrue span.textual_expression,
|
|
|
|
+.ui.whiletrue span.textual_expression,
|
|
|
|
+.attribution span.textual_expression,
|
|
|
|
+.writer span.textual_expression,
|
|
|
|
+.return span.textual_expression {
|
|
|
|
+ color: #2325a6;
|
|
|
|
+ font-weight: bold;
|
|
|
|
+ font-size: 1.2rem;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+i.button_alternate_expression {
|
|
|
|
+ cursor: pointer;
|
|
|
|
+ font-size: 1.1rem;
|
|
|
|
+ margin-left: 0.3rem;
|
|
|
|
+ color: black;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.attribution i.button_alternate_expression {
|
|
|
|
+ margin-left: .8rem;
|
|
|
|
+}
|
|
|
|
+.repeatN_text_par_1, .repeatN_text_par_2,
|
|
|
|
+.repeatN_text_par_3, .repeatN_text_par_4 {
|
|
|
|
+ margin-left: .2rem;
|
|
|
|
+ font-weight: bold;
|
|
|
|
+ font-size: 1.2rem;
|
|
|
|
+ margin-right: .3rem;
|
|
|
|
+ color: #2325a6;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.repeatN_text_par_1 {
|
|
|
|
+ margin-left: -1.2rem;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.writer .button_alternate_expression {
|
|
|
|
+ margin-left: 2.5rem;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.ui.dropdown.menu_commands.pause button {
|
|
|
|
+ border: none;
|
|
|
|
+ background: #f2711c;
|
|
|
|
+ color: white;
|
|
|
|
+ border-radius: .2rem;
|
|
|
|
+ padding: .1rem;
|
|
|
|
+ padding-left: 0.1rem;
|
|
|
|
+ font-size: .9rem;
|
|
|
|
+ padding-left: .25rem;
|
|
|
|
+ cursor: pointer;
|
|
|
|
+ margin-top: .15rem;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.button_write_expression {
|
|
|
|
+ cursor: pointer;
|
|
|
|
+ margin-left: 1rem !important;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.input-expression-field {
|
|
|
|
+ width: 50%;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.expression-edit-confirm {
|
|
|
|
+ color: #32a852;
|
|
|
|
+ font-size: 1.2rem !important;
|
|
|
|
+ cursor: pointer;
|
|
|
|
+ margin-left: 1rem !important;
|
|
|
|
+ margin-right: 1rem !important;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.expression-edit-cancel {
|
|
|
|
+ cursor: pointer;
|
|
}
|
|
}
|