Redesign - popravki urejanja vprasalnika

This commit is contained in:
pero1203 2022-04-18 22:36:03 +02:00
parent 391c8bdc77
commit 60ada0b831
5 changed files with 284 additions and 73 deletions

View File

@ -350,6 +350,8 @@ class Branching {
$this->toolbox_add_advanced_settings();
echo '</div>';
echo '<div class="toolbox_border"></div>';
}
@ -372,25 +374,37 @@ class Branching {
if(!$hierarhija) {
echo '<div class="toolbox_item new_spr" tip="1"><span class="item_icon faicon icon-white radio_32"></span> <span class="item_text">'.$lang['srv_vprasanje_radio'].'</span></div>';
echo '<div class="toolbox_item new_spr" tip="2"><span class="item_icon faicon icon-white check_32"></span> <span class="item_text">'.$lang['srv_vprasanje_checkbox'].'</span></div>';
echo '<div class="toolbox_border"></div>';
echo '<div class="toolbox_item new_spr" tip="2"><span class="item_icon faicon icon-white check_32"></span> <span class="item_text">'.$lang['srv_vprasanje_checkbox'].'</span></div>';
echo '<div class="toolbox_border"></div>';
}
echo '<div class="toolbox_item new_spr" tip="6"><span class="item_icon faicon icon-white matrix_32"></span> <span class="item_text">'.$lang['srv_vprasanje_multigrid'].'</span></div>';
echo '<div class="toolbox_item new_spr" tip="21"><span class="item_icon faicon icon-white abc_32"></span> <span class="item_text">'.$lang['srv_vprasanje_text'].'</span></div>';
echo '<div class="toolbox_border"></div>';
if(!$hierarhija)
echo '<div class="toolbox_item new_spr" tip="21"><span class="item_icon faicon icon-white abc_32"></span> <span class="item_text">'.$lang['srv_vprasanje_text'].'</span></div>';
echo '<div class="toolbox_border"></div>';
if(!$hierarhija){
echo '<div class="toolbox_item new_spr" tip="7"><span class="item_icon faicon icon-white number_32"></span> <span class="item_text">'.$lang['srv_vprasanje_number'].'</span></div>';
echo '<div class="toolbox_border"></div>';
}
echo '<div class="toolbox_item new_spr" tip="5"><span class="item_icon faicon icon-white nagovor"></span> <span class="item_text">'.$lang['srv_vprasanje_label'].'</span></div>';
echo '<div class="toolbox_border"></div>';
if(!$hierarhija) {
echo '<div class="toolbox_item new_adv"><span class="item_icon faicon icon-white plus_32"></span> <span class="item_text">'.$lang['srv_mobile_add_question'].'</span>';
$this->toolbox_add_advanced();
echo '</div>';
echo '<div class="toolbox_border"></div>';
}
// Knjiznica
echo '<div class="toolbox_item open_lib" onClick="displayLibraryPopup();"><span class="item_icon faicon library"></span><span class="item_text">'.$lang['srv_library'].'</span></div>';
echo '<div class="toolbox_border open_lib"></div>';
// normalna anketa
if ($this->survey_type != 1){
@ -399,32 +413,47 @@ class Branching {
$userAccess = UserAccess::getInstance($global_user_id);
echo '<div class="toolbox_item new_if '.(!$userAccess->checkUserAccess($what='if') ? 'user_access_locked' : '').'" tip="9999"><span class="item_icon faicon icon-white if_32"></span> <span class="item_text">'.$lang['srv_condition'].'</span></div>';
echo '<div class="toolbox_border new_if"></div>';
echo '<div class="toolbox_item new_block '.(!$userAccess->checkUserAccess($what='block') ? 'user_access_locked' : '').'" tip="9998"><span class="item_icon faicon icon-white block_32"></span> <span class="item_text">'.$lang['srv_block_random_blocks'].'</span></div>';
//echo '<div class="toolbox_border new_block"></div>';
}
}
else {
if(!$hierarhija) {
echo '<div class="toolbox_item new_spr" tip="1"><span class="item_icon faicon icon-white radio_32"></span> <span class="item_text">'.$lang['srv_vprasanje_radio'].'</span></div>';
echo '<div class="toolbox_border"></div>';
echo '<div class="toolbox_item new_spr" tip="2"><span class="item_icon faicon icon-white check_32"></span> <span class="item_text">'.$lang['srv_vprasanje_checkbox'].'</span></div>';
echo '<div class="toolbox_border"></div>';
}
echo '<div class="toolbox_item new_spr" tip="6"><span class="item_icon faicon icon-white matrix_32"></span> <span class="item_text">'.$lang['srv_vprasanje_multigrid'].'</span></div>';
echo '<div class="toolbox_border"></div>';
echo '<div class="toolbox_item new_spr" tip="21"><span class="item_icon faicon icon-white abc_32"></span> <span class="item_text">'.$lang['srv_vprasanje_text'].'</span></div>';
echo '<div class="toolbox_border"></div>';
if(!$hierarhija)
if(!$hierarhija){
echo '<div class="toolbox_item new_spr" tip="7"><span class="item_icon faicon icon-white number_32"></span> <span class="item_text">'.$lang['srv_vprasanje_number'].'</span></div>';
echo '<div class="toolbox_border"></div>';
}
echo '<div class="toolbox_item new_spr" tip="5"><span class="item_icon faicon icon-white nagovor"></span> <span class="item_text">'.$lang['srv_vprasanje_label'].'</span></div>';
echo '<div class="toolbox_border"></div>';
if(!$hierarhija) {
echo '<div class="toolbox_item new_adv"><span class="item_icon faicon icon-white plus_32"></span> <span class="item_text">'.$lang['srv_mobile_add_question'].'</span>';
$this->toolbox_add_advanced();
echo '</div>';
echo '<div class="toolbox_border"></div>';
}
// Knjiznica
echo '<div class="toolbox_item open_lib" onClick="displayLibraryPopup();"><span class="item_icon faicon library"></span><span class="item_text">'.$lang['srv_library'].'</span></div>';
echo '<div class="toolbox_border open_lib"></div>';
// normalna anketa
if ($this->survey_type != 1){
@ -433,7 +462,10 @@ class Branching {
$userAccess = UserAccess::getInstance($global_user_id);
echo '<div class="toolbox_item new_if '.(!$userAccess->checkUserAccess($what='if') ? 'user_access_locked' : '').'" tip="9999"><span class="item_icon faicon icon-white if_32"></span> <span class="item_text">'.$lang['srv_condition'].'</span></div>';
echo '<div class="toolbox_border new_if"></div>';
echo '<div class="toolbox_item new_block '.(!$userAccess->checkUserAccess($what='block') ? 'user_access_locked' : '').'" tip="9998"><span class="item_icon faicon icon-white block_32"></span> <span class="item_text">'.$lang['srv_block_random_blocks'].'</span></div>';
//echo '<div class="toolbox_border new_block"></div>';
}
}
@ -604,7 +636,7 @@ class Branching {
echo '<div id="toolbox_advanced_settings_holder" class="toolbox_expand">';
echo '<div class="toolbox_expand_title">'.$lang['srv_advanced_settings_title'].'</div>';
echo '<div class="toolbox_expand_title"><span class="faicon wheel_32"></span>'.$lang['srv_advanced_settings_title'].'</div>';
echo '<div class="toolbox_expand_segment">';
@ -629,12 +661,12 @@ class Branching {
}
}
if ($has_if == true/* && $full_view == true || ($has_if == true && $this->expanded == false)*/) {
/*if ($has_if == true) {
echo '<p class="segment_option">';
echo '<a href="#" onClick="expandCollapseAllPlusMinus(\'expand\'); return false;"><span class="faicon plus_square" title="'.$lang['srv_expand'].'"></span>'.$lang['srv_expand'].'</a>'."\n";
echo '<a href="#" onClick="expandCollapseAllPlusMinus(\'collapse\'); return false;"><span class="faicon minus_square" title="'.$lang['srv_collapse'].'"></span>'.$lang['srv_collapse'].'</a>'."\n";
echo '</p>';
}
}*/
# find & replace
if ($row['locked'] == 0) {
@ -661,20 +693,6 @@ class Branching {
echo '<a href="#" onclick="prestevilci(); return false;"><span class="faicon hashtag" title="'.$lang['srv_grupe_recount_branching'].'"></span>'.$lang['srv_grupe_recount_branching'].'</a>' . Help :: display('srv_grupe_recount_branching') ."\n";
echo '</p>';
}
// Knjiznica na desni
if ($row['locked'] == 0) {
if($row['toolbox'] >= 3){
echo '<p class="segment_option">';
echo '<a href="#" onclick="change_mode(\'toolboxback\', \'1\'); return false;" title="'.$lang['srv_library_hide'].'" ><span class="faicon library smaller"></span>'.$lang['srv_library_hide'].'</a>';
echo '</p>';
}
else{
echo '<p class="segment_option">';
echo '<a href="#" onclick="change_mode(\'toolbox\', \'3\'); return false;" title="'.$lang['srv_library_show'].'" ><span class="faicon library smaller"></span>'.$lang['srv_library_show'].'</a>';
echo '</p>';
}
}
echo '</div>';
@ -1154,16 +1172,16 @@ class Branching {
echo '<div class="tip_sample">';
echo '<div class="tip_sample_text">' . $lang['srv_tip_sample_t6'] . '</div>';
echo '<div class="tip_sample_option2"><div>&nbsp;</div><span></span><span>' . $lang['srv_tip_sample_t6_v1'] . '</span><span style="border-right: 1px black solid;"></span><span></span><span>' . $lang['srv_tip_sample_t6_v3'] . '</span><span></span></div>';
echo '<div class="tip_sample_option2"><div>&nbsp;</div><span></span><span>' . $lang['srv_tip_sample_t6_v1'] . '</span><span style="border-right: 1px #e5e5e5 solid;"></span><span></span><span>' . $lang['srv_tip_sample_t6_v3'] . '</span><span></span></div>';
echo '<div style="clear:left"></div>';
echo '<div class="tip_sample_option2"><div>&nbsp;</div><span>' . $lang['srv_tip_sample_t6_o1'] . '</span><span>' . $lang['srv_tip_sample_t6_o2'] . '</span><span style="border-right: 1px black solid;">' . $lang['srv_tip_sample_t6_o3'] . '</span><span>&nbsp;' . $lang['srv_tip_sample_t6_o1'] . '</span><span>' . $lang['srv_tip_sample_t6_o2'] . '</span><span>' . $lang['srv_tip_sample_t6_o3'] . '</span></div>';
echo '<div class="tip_sample_option2"><div>&nbsp;</div><span>' . $lang['srv_tip_sample_t6_o1'] . '</span><span>' . $lang['srv_tip_sample_t6_o2'] . '</span><span style="border-right: 1px #e5e5e5 solid;">' . $lang['srv_tip_sample_t6_o3'] . '</span><span>&nbsp;' . $lang['srv_tip_sample_t6_o1'] . '</span><span>' . $lang['srv_tip_sample_t6_o2'] . '</span><span>' . $lang['srv_tip_sample_t6_o3'] . '</span></div>';
echo '<div style="clear:left"></div>';
echo '<div class="tip_sample_option2"><div>www.xxx.si</div><span><input type="radio" /></span><span><input type="radio" /></span><span style="border-right: 1px black solid;"><input type="radio" name="g" checked /></span><span><input type="radio" name="l" checked /></span><span><input type="radio" /></span><span><input type="radio" /></span></div>';
echo '<div class="tip_sample_option2"><div>www.xxx.si</div><span><input type="radio" /></span><span><input type="radio" /></span><span style="border-right: 1px #e5e5e5 solid;"><input type="radio" name="g" checked /></span><span><input type="radio" name="l" checked /></span><span><input type="radio" /></span><span><input type="radio" /></span></div>';
echo '<div style="clear:left"></div>';
echo '<div class="tip_sample_option2"><div>www.yyy.si</div><span><input type="radio" /></span><span><input type="radio" name="j" checked /></span><span style="border-right: 1px black solid;"><input type="radio" /></span><span><input type="radio" /></span><span><input type="radio" name="h" checked /></span><span><input type="radio" /></span></div>';
echo '<div class="tip_sample_option2"><div>www.yyy.si</div><span><input type="radio" /></span><span><input type="radio" name="j" checked /></span><span style="border-right: 1px #e5e5e5 solid;"><input type="radio" /></span><span><input type="radio" /></span><span><input type="radio" name="h" checked /></span><span><input type="radio" /></span></div>';
echo '<div style="clear:left"></div>';
echo '<div class="tip_sample_option2"><div>www.zzz.si</div><span><input type="radio" /></span><span><input type="radio" name="i" checked /></span><span style="border-right: 1px black solid;"><input type="radio" /></span><span><input type="radio" /></span><span><input type="radio" /></span><span><input type="radio" name="k" checked /></span></div>';
echo '<div class="tip_sample_option2"><div>www.zzz.si</div><span><input type="radio" /></span><span><input type="radio" name="i" checked /></span><span style="border-right: 1px #e5e5e5 solid;"><input type="radio" /></span><span><input type="radio" /></span><span><input type="radio" /></span><span><input type="radio" name="k" checked /></span></div>';
echo '<div class="clr"></div>';
echo '</div>';
@ -1989,9 +2007,9 @@ class Branching {
if ( $this->find_last_in_if($rows['parent']) != $spremenljivka ) {
echo '<li id="droppable_'.$row1['parent'].'-'.$row1['vrstni_red'].'-1" class="nodrop" spr="'.$row['id'].'" if="0" endif="0">';
echo ' <div class="pb_on" title="'.$lang['srv_rem_pagebreak'].'">';
echo ' <div class="pb_on not-permanent" title="'.$lang['srv_rem_pagebreak'].'">';
echo ' <div class="pb_page">'.$lang['srv_stran'].' '.$gr['vrstni_red'].'</div>';
echo ' <div class="pb_icon"><span class="favicon delete"></span></div>';
echo ' <div class="pb_page_hover"><span class="faicon delete_circle"></span>'.$lang['srv_rem_pagebreak'].'</div>';
echo ' <div class="pb_line"></div>';
echo ' </div>';
echo '</li>';
@ -2025,7 +2043,7 @@ class Branching {
if ( $this->find_last_in_if($rows['parent']) != $spremenljivka ) {
echo '<li id="droppable_'.$row1['parent'].'-'.$row1['vrstni_red'].'" class="drop" spr="'.$row['id'].'" if="0" endif="0">';
echo ' <div class="pb_new" title="'.$lang['srv_add_pagebreak'].'">';
echo ' <div class="pb_icon"><span class="favicon page_break"></span></div>';
echo ' <div class="pb_page_hover"><span class="faicon paragraph"></span>'.$lang['srv_add_pagebreak'].'</div>';
echo ' <div class="pb_line"></div>';
echo ' </div>';
echo '</li>';
@ -2117,9 +2135,9 @@ class Branching {
echo '</li>';
echo '<li class="nodrop" spr="'.$spr.'" if="0" endif="0">';
echo ' <div class="pb_on" title="'.$lang['srv_rem_pagebreak'].'">';
echo ' <div class="pb_on not-permanent" title="'.$lang['srv_rem_pagebreak'].'">';
echo ' <div class="pb_page">'.$lang['srv_stran'].' '.$gr['vrstni_red'].'</div>';
echo ' <div class="pb_icon"><span class="favicon delete"></span></div>';
echo ' <div class="pb_page_hover"><span class="faicon delete_circle"></span>'.$lang['srv_rem_pagebreak'].'</div>';
echo ' <div class="pb_line"></div>';
echo ' </div>';
echo '</li>';
@ -2131,7 +2149,7 @@ class Branching {
if ($rows['pagebreak'] == 0 AND (mysqli_num_rows($sqle)>0 || $rowi['parent']==0) ) {
echo '<li id="droppable_'.$row1['parent'].'-'.$row1['vrstni_red'].'" class="drop" spr="0" if="'.$if.'" endif="1" spr_pb="'.$spr.'">';
echo ' <div class="pb_new" title="'.$lang['srv_add_pagebreak'].'">';
echo ' <div class="pb_icon"><span class="favicon page_break"></span></div>';
echo ' <div class="pb_page_hover"><span class="faicon paragraph"></span>'.$lang['srv_add_pagebreak'].'</div>';
echo ' <div class="pb_line"></div>';
echo ' </div>';
echo '</li>';

View File

@ -722,17 +722,22 @@ var is_new_spr_dragable = false; // gledamo ali vlečemo new_spr da skrbimo za s
function init_toolbox() {
$('.new_spr:not(.user_access_locked), .new_adv:not(.user_access_locked), .new_if:not(.user_access_locked), .new_block:not(.user_access_locked), .new_loop:not(.user_access_locked), .new_pb', '#toolbox_basic').draggable({
start: function () {
is_new_spr_dragable = true, $('#toolbox_add_advanced').addClass('dragging')
start: function (e, ui) {
is_new_spr_dragable = true;
$('#toolbox_add_advanced').addClass('dragging');
$(ui.helper).addClass("clone-dragging");
},
stop: function () {
is_new_spr_dragable = false, $('#toolbox_add_advanced').removeClass('dragging')
stop: function (e, ui) {
is_new_spr_dragable = false;
$('#toolbox_add_advanced').removeClass('dragging');
$(ui.helper).removeClass("clone-dragging");
},
revert: false,
helper: 'clone',
opacity: 0.9,
appendTo: 'body',
distance: 5
distance: 5,
cursor: 'pointer'
}).bind('click', function (event) {

View File

@ -12434,6 +12434,9 @@ div.drop_setting_transition {
#branching ul li.drop:hover .pb_new {
display: flex;
}
#branching ul li.drop:hover .pb_new .pb_page_hover {
display: flex;
}
#branching ul li.drop:hover .pb_icon {
display: block;
}
@ -12443,8 +12446,11 @@ div.drop_setting_transition {
#branching ul li.nodrop:hover .pb_new {
display: flex;
}
#branching ul li.nodrop:hover .pb_icon {
display: block;
#branching ul li.nodrop:hover .not-permanent .pb_page {
display: none;
}
#branching ul li.nodrop:hover .not-permanent .pb_page_hover {
display: flex;
}
#branching ul li .pb_on,
#branching ul li .pb_new {
@ -12467,25 +12473,38 @@ div.drop_setting_transition {
}
#branching ul li .pb_on .pb_page,
#branching ul li .pb_new .pb_page {
display: flex;
align-items: center;
width: 130px;
font-size: 16px;
font-weight: 600;
line-height: 16px;
color: #A9A9A9;
}
#branching ul li .pb_on .pb_page_hover,
#branching ul li .pb_new .pb_page_hover {
display: none;
align-items: center;
width: 200px;
font-weight: 400;
font-size: 12px;
}
#branching ul li .pb_on .pb_page_hover .faicon,
#branching ul li .pb_new .pb_page_hover .faicon {
margin-right: 8px;
line-height: 12px;
}
#branching ul li .pb_on .pb_page_hover .faicon::before,
#branching ul li .pb_new .pb_page_hover .faicon::before {
font-size: 12px;
color: #1E88E5;
}
#branching ul li .pb_on .pb_line,
#branching ul li .pb_new .pb_line {
width: 100%;
height: 1px;
border-bottom: 1px #D3D3D3 solid;
}
#branching ul li .pb_on .pb_icon,
#branching ul li .pb_new .pb_icon {
display: none;
/*&:before{
content: "A";
}*/
}
#branching div.spr.uni-draggable-dragging,
#branching li.spr.ui-draggable-dragging {
z-index: 99999;
@ -12597,15 +12616,20 @@ div.drop_setting_transition {
display: flex;
flex-direction: column;
}
.toolbox_holder .toolbox .toolbox_border {
margin: 0 12px;
border-top: 1px #E5E5E5 solid;
}
.toolbox_holder .toolbox .toolbox_border.open_lib, .toolbox_holder .toolbox .toolbox_border.new_if, .toolbox_holder .toolbox .toolbox_border.new_block {
border-top: 1px #CCE4F9 solid;
}
.toolbox_holder .toolbox .toolbox_item {
display: flex;
padding: 0 12px 0 0;
border-bottom: 1px #E5E5E5 solid;
transition: 0.2s;
}
.toolbox_holder .toolbox .toolbox_item.open_lib, .toolbox_holder .toolbox .toolbox_item.new_if, .toolbox_holder .toolbox .toolbox_item.new_block {
background-color: #EEF7FF;
border-bottom: 1px #CCE4F9 solid;
}
.toolbox_holder .toolbox .toolbox_item.open_lib:hover, .toolbox_holder .toolbox .toolbox_item.new_if:hover, .toolbox_holder .toolbox .toolbox_item.new_block:hover {
background-color: #CCE4F9;
@ -12740,12 +12764,23 @@ div.drop_setting_transition {
}
.toolbox_holder .toolbox_expand#toolbox_advanced_settings_holder {
width: 300px;
padding-bottom: 8px;
}
.toolbox_holder .toolbox_expand#toolbox_advanced_settings_holder .toolbox_expand_title {
margin-bottom: 8px;
text-transform: uppercase;
}
.toolbox_holder .toolbox_expand#toolbox_advanced_settings_holder .toolbox_expand_title .faicon {
margin-right: 4px;
}
.toolbox_holder .toolbox_expand#toolbox_advanced_settings_holder .toolbox_expand_title .faicon:before {
color: #1E88E5;
}
.toolbox_holder .toolbox_expand#toolbox_advanced_settings_holder .toolbox_expand_segment {
margin-top: 0;
}
.toolbox_holder .toolbox_expand#toolbox_advanced_settings_holder .toolbox_expand_segment .segment_option {
padding: 7px 16px 7px 16px;
padding: 8px 16px 8px 16px;
}
.toolbox_holder .toolbox_expand#toolbox_advanced_settings_holder .toolbox_expand_segment .segment_option a,
.toolbox_holder .toolbox_expand#toolbox_advanced_settings_holder .toolbox_expand_segment .segment_option a:hover {
@ -12759,6 +12794,7 @@ div.drop_setting_transition {
.toolbox_holder .toolbox_expand#toolbox_advanced_settings_holder .toolbox_expand_segment .segment_option a .faicon:before,
.toolbox_holder .toolbox_expand#toolbox_advanced_settings_holder .toolbox_expand_segment .segment_option a:hover .faicon:before {
font-size: 14px;
color: #1E88E5;
}
.toolbox_holder .toolbox_preview {
display: none;
@ -12768,9 +12804,9 @@ div.drop_setting_transition {
z-index: 9999;
top: 220px;
box-sizing: border-box;
width: 450px;
width: 470px;
max-height: 520px;
background: #F8F8F8;
background: #FFFFFF;
border: 1px solid #E5E5E5;
box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.15);
}
@ -12798,29 +12834,34 @@ div.drop_setting_transition {
display: block;
float: left;
width: 100px;
font-size: 14px;
}
.toolbox_holder .toolbox_preview .tip_preview_sub .tip_sample .tip_sample_option span {
display: block;
float: left;
width: 80px;
text-align: center;
margin-bottom: 3px;
font-size: 14px;
text-align: center;
}
.toolbox_holder .toolbox_preview .tip_preview_sub .tip_sample .tip_sample_option2 {
width: 100%;
font-size: 14px;
}
.toolbox_holder .toolbox_preview .tip_preview_sub .tip_sample .tip_sample_option2 div {
display: block;
float: left;
width: 100px;
width: 70px;
font-size: 14px;
}
.toolbox_holder .toolbox_preview .tip_preview_sub .tip_sample .tip_sample_option2 span {
display: block;
float: left;
width: 80px;
text-align: center;
margin-bottom: 3px;
width: 60px;
font-size: 14px;
text-align: center;
}
.toolbox_holder .toolbox_preview .tip_preview_sub input[type=radio],
.toolbox_holder .toolbox_preview .tip_preview_sub input[type=checkbox] {
@ -12872,6 +12913,42 @@ div.drop_setting_transition {
}
}
.toolbox_item.clone-dragging {
display: flex;
box-sizing: border-box;
padding: 0 16px 0 0;
background: #FFFFFF;
border: 1px solid #1E88E5;
border-radius: 2px;
}
.toolbox_item.clone-dragging .item_icon {
width: 40px;
line-height: 40px;
text-align: center;
}
.toolbox_item.clone-dragging .item_icon:before {
font-size: 16px;
}
.toolbox_item.clone-dragging .item_icon.matrix_32 {
margin-top: 7px;
line-height: 9px;
}
.toolbox_item.clone-dragging .item_icon.matrix_32:before {
font-size: 11px !important;
}
.toolbox_item.clone-dragging .item_icon.abc_32, .toolbox_item.clone-dragging .item_icon.number_32 {
margin-top: -1px;
line-height: 40px;
}
.toolbox_item.clone-dragging .item_icon.abc_32:before, .toolbox_item.clone-dragging .item_icon.number_32:before {
font-size: 14px !important;
}
.toolbox_item.clone-dragging .item_text {
font-size: 14px;
line-height: 40px;
text-indent: 3px;
}
.mobile_add_question {
display: none;
}

View File

@ -61,6 +61,10 @@ $branching_main_size_small: calc(100% - 525px);
&:hover{
.pb_new {
display: flex;
.pb_page_hover{
display: flex;
}
}
.pb_icon{
@ -76,9 +80,15 @@ $branching_main_size_small: calc(100% - 525px);
display: flex;
}
.pb_icon{
display: block;
}
.not-permanent{
.pb_page{
display: none;
}
.pb_page_hover{
display: flex;
}
}
}
}
@ -103,7 +113,10 @@ $branching_main_size_small: calc(100% - 525px);
}
.pb_page{
width: 130px;
display: flex;
align-items: center;
width: 140px;
font-size: 16px;
font-weight: 600;
@ -111,19 +124,33 @@ $branching_main_size_small: calc(100% - 525px);
color: #A9A9A9;
}
.pb_page_hover{
display: none;
align-items: center;
width: 200px;
font-weight: 400;
font-size: 12px;
.faicon{
margin-right: 8px;
line-height: 12px;
&::before{
font-size: 12px;
color: $blue;
}
}
}
.pb_line{
width: 100%;
height: 1px;
border-bottom: 1px $dark-gray2 solid;
}
.pb_icon{
display: none;
/*&:before{
content: "A";
}*/
}
}
// Brez page breaka
.pb_off {

View File

@ -23,12 +23,24 @@
display: flex;
flex-direction: column;
.toolbox_border{
margin: 0 12px;
border-top: 1px $gray solid;
&.open_lib,
&.new_if,
&.new_block{
border-top: 1px #CCE4F9 solid;
}
}
.toolbox_item{
display: flex;
padding: 0 12px 0 0;
border-bottom: 1px $gray solid;
//border-bottom: 1px $gray solid;
transition: 0.2s;
@ -36,7 +48,6 @@
&.new_if,
&.new_block{
background-color: $medium-blue;
border-bottom: 1px #CCE4F9 solid;
&:hover{
background-color: #CCE4F9;
@ -233,12 +244,26 @@
&#toolbox_advanced_settings_holder{
width: 300px;
padding-bottom: 8px;
.toolbox_expand_title{
margin-bottom: 8px;
text-transform: uppercase;
.faicon{
margin-right: 4px;
&:before{
color: $blue;
}
}
}
.toolbox_expand_segment{
margin-top: 0;
.segment_option{
padding: 7px 16px 7px 16px;
padding: 8px 16px 8px 16px;
a,
a:hover{
@ -250,6 +275,7 @@
&:before{
font-size: 14px;
color: $blue;
}
}
}
@ -272,10 +298,11 @@
top: 220px;
box-sizing: border-box;
width: 450px;
width: 470px;
max-height: 520px;
background: $light-gray;
//background: $light-gray;
background: $white;
border: 1px solid $gray;
box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.15);
@ -306,30 +333,40 @@
display: block;
float: left;
width: 100px;
font-size: 14px;
}
span {
display: block;
float: left;
width: 80px;
text-align: center;
margin-bottom: 3px;
font-size: 14px;
text-align: center;
}
}
.tip_sample_option2 {
width: 100%;
font-size: 14px;
div {
display: block;
float: left;
width: 100px;
width: 70px;
font-size: 14px;
}
span {
display: block;
float: left;
width: 80px;
text-align: center;
margin-bottom: 3px;
width: 60px;
font-size: 14px;
text-align: center;
}
}
}
@ -399,6 +436,53 @@
}
}
// Dragging item
.toolbox_item.clone-dragging{
display: flex;
box-sizing: border-box;
padding: 0 16px 0 0;
background: $white;
border: 1px solid $blue;
border-radius: 2px;
.item_icon{
width: 40px;
line-height: 40px;
text-align: center;
&:before{
font-size: 16px;
}
&.matrix_32{
margin-top: 7px;
line-height: 9px;
&:before{
font-size: 11px !important;
}
}
&.abc_32,
&.number_32{
margin-top: -1px;
line-height: 40px;
&:before{
font-size: 14px !important;
}
}
}
.item_text{
font-size: 14px;
line-height: 40px;
text-indent: 3px;
}
}
.mobile_add_question{
display: none;