diff --git a/admin/survey/Branching.php b/admin/survey/Branching.php
index c5ed65cac..1f5568450 100644
--- a/admin/survey/Branching.php
+++ b/admin/survey/Branching.php
@@ -459,16 +459,13 @@ class Branching {
* prikaze popup z vsemi tipi vprasanj
*
*/
- function toolbox_add_advanced() {
+ function toolbox_add_advanced($popup=false) {
global $lang;
global $site_url;
global $admin_type;
global $global_user_id;
- $spr = $_POST['spr'];
- $if = $_POST['if'];
- $endif = $_POST['endif'];
-
+
// Preverimo, ce je funkcionalnost v paketu, ki ga ima uporabnik
$userAccess = UserAccess::getInstance($global_user_id);
@@ -589,6 +586,13 @@ class Branching {
echo '';
+ if($popup){
+ echo '';
+ echo ' '.$lang['srv_zapri'].' ';
+ echo '
';
+ }
+
+
echo '';
}
@@ -1835,7 +1839,7 @@ class Branching {
echo ' '.$lang['srv_new_survey_success'].'
';
echo ' ';
- echo ' '.$lang['srv_new_survey_success_button_create'].' ';
+ echo ' '.$lang['srv_new_survey_success_button_create'].' ';
echo ' '.$lang['srv_new_survey_success_button_template'].' ';
echo '
';
diff --git a/admin/survey/BranchingAjax.php b/admin/survey/BranchingAjax.php
index 918889041..63e473985 100644
--- a/admin/survey/BranchingAjax.php
+++ b/admin/survey/BranchingAjax.php
@@ -2729,7 +2729,7 @@ class BranchingAjax {
function ajax_toolbox_add_advanced () {
$b = new Branching($this->anketa);
- $b->toolbox_add_advanced();
+ $b->toolbox_add_advanced($popup=true);
}
function ajax_toggle_toolbox () {
diff --git a/admin/survey/script/branching.js b/admin/survey/script/branching.js
index 251267e72..b91aa375e 100644
--- a/admin/survey/script/branching.js
+++ b/admin/survey/script/branching.js
@@ -659,10 +659,7 @@ function branching_struktura() {
}
} else if ($(ui.draggable).hasClass('new_adv')) { // nova advanced spremenljivka (odpre se popup za izbiro)
- var spr = $(this).attr('spr');
- var _if = $(this).attr('if');
- var endif = $(this).attr('endif');
- toolbox_add_advanced(spr, _if, endif);
+ toolbox_add_advanced();
} else if ($(ui.draggable).hasClass('new_if')) { // nov if iz toolbox
var spr = $(this).attr('spr');
@@ -762,7 +759,7 @@ function init_toolbox() {
}
else if (ta.hasClass('new_adv')) { // nova spremenljivka advanced (prikaze se popup z vsemi tipi vprasanj)
- toolbox_add_advanced(0, 0, 1);
+ toolbox_add_advanced();
}
else if (ta.hasClass('new_if')) { // nov if iz toolbox
$('html, body').animate({scrollTop: $('body').height() + $('#branching').height()}); // scrollamo na dno zaslona
@@ -825,18 +822,50 @@ function init_toolbox() {
}
// prikaze popup za dodajanje naprednih tipov vprasanj
-function toolbox_add_advanced(spr, _if, endif) {
+function toolbox_add_advanced() {
$('#fade').fadeTo('slow', 1);
- $('#fullscreen').show().load('ajax.php?t=branching&a=toolbox_add_advanced', {
- anketa: srv_meta_anketa_id,
- spr: spr,
- 'if': _if,
- endif: endif
- });
+
+ $('#fullscreen').show().load('ajax.php?t=branching&a=toolbox_add_advanced', {anketa: srv_meta_anketa_id}, function(){
+
+ $('.new_spr, .new_if:not(.user_access_locked), .new_block:not(.user_access_locked), .new_loop:not(.user_access_locked)').click(function() {
+ var ta = $(event.target);
+
+ if (ta.hasClass('new_spr')) { // nova spremenljivka (iz toolboxa)
+
+ var tip = ta.attr('tip');
+ var podtip = 0;
+
+ if (ta.hasClass('podtip'))
+ podtip = ta.attr('podtip');
+
+ // pri kreiranju generatorja imen ustvarimo za njim se loop in nagovor, ki mu pripadata
+ if (tip == '9_sn') {
+ SN_generator_new(0, 1);
+ }
+ else {
+ spremenljivka_new(0, 0, 1, 0, tip, podtip);
+ }
+
+ }
+ else if (ta.hasClass('new_if')) { // nov if iz toolbox
+ $('html, body').animate({scrollTop: $('body').height() + $('#branching').height()}); // scrollamo na dno zaslona
+ if_new(0, 0, 1, 0);
+ }
+ else if (ta.hasClass('new_block')) { // nov blok iz toolboxa
+ $('html, body').animate({scrollTop: $('body').height() + $('#branching').height()}); // scrollamo na dno zaslona
+ if_new(0, 0, 1, 1);
+ }
+ else if (ta.hasClass('new_loop')) { // nov loop iz toolboxa
+ $('html, body').animate({scrollTop: $('body').height() + $('#branching').height()}); // scrollamo na dno zaslona
+ if_new(0, 0, 1, 2);
+ }
+ });
+ });
}
+
// ----------------------- funkcije, ki se klicejo iz htmlja
// -----------------------
diff --git a/public/css/admin_new.css b/public/css/admin_new.css
index dd6862a0e..eacf6d2a1 100644
--- a/public/css/admin_new.css
+++ b/public/css/admin_new.css
@@ -13035,387 +13035,6 @@ div.drop_setting_transition {
border-right: 1px #E5E5E5 solid;
border-bottom: 1px #E5E5E5 solid;
}
-.toolbox_holder .toolbox {
- cursor: pointer;
- 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;
- 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;
-}
-.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;
-}
-.toolbox_holder .toolbox .toolbox_item.user_access_locked {
- background-color: #FFF0C5;
- border-bottom: 1px #FFE59C solid;
-}
-.toolbox_holder .toolbox .toolbox_item.user_access_locked:hover {
- background-color: #FFE59C;
-}
-.toolbox_holder .toolbox .toolbox_item .item_icon {
- width: 40px;
- line-height: 40px;
- text-align: center;
-}
-.toolbox_holder .toolbox .toolbox_item .item_icon:before {
- font-size: 16px;
-}
-.toolbox_holder .toolbox .toolbox_item .item_icon.matrix_32 {
- margin-top: 7px;
- line-height: 9px;
-}
-.toolbox_holder .toolbox .toolbox_item .item_icon.matrix_32:before {
- font-size: 11px !important;
-}
-.toolbox_holder .toolbox .toolbox_item .item_icon.abc_32, .toolbox_holder .toolbox .toolbox_item .item_icon.number_32 {
- margin-top: -1px;
- line-height: 40px;
-}
-.toolbox_holder .toolbox .toolbox_item .item_icon.abc_32:before, .toolbox_holder .toolbox .toolbox_item .item_icon.number_32:before {
- font-size: 14px !important;
-}
-.toolbox_holder .toolbox .toolbox_item .item_text {
- font-size: 14px;
- line-height: 40px;
- text-indent: 3px;
-}
-.toolbox_holder .toolbox .toolbox_item:hover {
- background-color: #E5E5E5;
-}
-.toolbox_holder .toolbox .toolbox_item.new_adv {
- color: #FFFFFF;
- background-color: #1E88E5;
-}
-.toolbox_holder .toolbox .toolbox_item.new_adv:hover {
- background-color: #0059ab;
-}
-.toolbox_holder .toolbox .toolbox_item.new_block {
- border-bottom: none;
-}
-.toolbox_holder .toolbox #locked_toolbar {
- cursor: default;
- position: absolute;
- top: 0px;
- left: 0px;
- display: flex;
- align-items: center;
- justify-content: center;
- width: 240px;
- height: 450px;
- background: rgba(30, 136, 229, 0.85);
-}
-.toolbox_holder .toolbox#toolbox_basic.forma {
- height: 266px;
- top: 235px;
-}
-.toolbox_holder .toolbox#toolbox_basic.forma #locked_toolbar {
- height: 199px;
- padding-top: 85px;
-}
-.toolbox_holder .toolbox#toolbox_advanced_settings .toolbox_item {
- background-color: #D3D3D3 !important;
-}
-.toolbox_holder .toolbox#toolbox_advanced_settings .toolbox_item:hover {
- background-color: #C4C4C4 !important;
-}
-.toolbox_holder .toolbox_expand {
- display: none;
- cursor: auto;
- box-sizing: border-box;
- position: fixed;
- z-index: 99;
- top: 220px;
- left: 245px;
- width: 272px;
- color: #333333;
- background: #FFFFFF;
- border: 1px solid #E5E5E5;
- box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.15);
-}
-.toolbox_holder .toolbox_expand .toolbox_expand_title {
- margin: 16px 16px 0 16px;
- padding-bottom: 10px;
- font-size: 16px;
- font-weight: 600;
- border-bottom: 1px #E5E5E5 solid;
-}
-.toolbox_holder .toolbox_expand .toolbox_expand_title .subtitle {
- display: block;
- margin-top: 8px;
- font-size: 14px;
- font-weight: 400;
-}
-.toolbox_holder .toolbox_expand .toolbox_expand_segments_holder {
- max-height: 400px;
- overflow-y: scroll;
- padding-bottom: 16px;
-}
-.toolbox_holder .toolbox_expand .toolbox_expand_segment {
- display: flex;
- flex-direction: column;
- width: 100%;
- margin-top: 16px;
- font-size: 14px;
-}
-.toolbox_holder .toolbox_expand .toolbox_expand_segment .segment_title {
- padding: 0 16px;
- font-size: 14px;
- font-weight: 700;
- text-transform: uppercase;
-}
-.toolbox_holder .toolbox_expand .toolbox_expand_segment .segment_option {
- cursor: pointer;
- padding: 5px 16px 5px 16px;
- font-size: 14px;
- line-height: 18px;
- transition: 0.2s;
-}
-.toolbox_holder .toolbox_expand .toolbox_expand_segment .segment_option:hover {
- background-color: #F8F8F8;
-}
-.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: 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 {
- color: #333333;
- text-decoration: none;
-}
-.toolbox_holder .toolbox_expand#toolbox_advanced_settings_holder .toolbox_expand_segment .segment_option a .faicon,
-.toolbox_holder .toolbox_expand#toolbox_advanced_settings_holder .toolbox_expand_segment .segment_option a:hover .faicon {
- margin-right: 8px;
-}
-.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;
- cursor: auto;
- pointer-events: none;
- position: fixed;
- z-index: 9999;
- top: 220px;
- box-sizing: border-box;
- width: 470px;
- max-height: 520px;
- background: #FFFFFF;
- border: 1px solid #E5E5E5;
- box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.15);
-}
-.toolbox_holder .toolbox_preview .tip_preview_sub {
- display: none;
- padding: 16px;
-}
-.toolbox_holder .toolbox_preview .tip_preview_sub > span {
- font-size: 14px;
- font-weight: 600;
-}
-.toolbox_holder .toolbox_preview .tip_preview_sub .tip_sample {
- overflow: hidden;
- margin-top: 10px;
-}
-.toolbox_holder .toolbox_preview .tip_preview_sub .tip_sample .tip_sample_text {
- font-size: 14px;
-}
-.toolbox_holder .toolbox_preview .tip_preview_sub .tip_sample .tip_sample_option {
- width: 100%;
- margin-top: 8px;
- font-size: 14px;
-}
-.toolbox_holder .toolbox_preview .tip_preview_sub .tip_sample .tip_sample_option div {
- 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;
- 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: 70px;
- font-size: 14px;
-}
-.toolbox_holder .toolbox_preview .tip_preview_sub .tip_sample .tip_sample_option2 span {
- display: block;
- float: left;
- width: 80px;
- 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] {
- overflow: auto !important;
- padding: auto !important;
- clip: auto !important;
- border: auto !important;
- position: relative;
- width: 16px !important;
- height: 16px !important;
- margin: 0 8px 0 0 !important;
- vertical-align: -1px;
-}
-.toolbox_holder .toolbox_preview .tip_preview_sub#tip_preview_sub_17 .ranking_preview_holder {
- display: flex;
- margin-top: 16px;
-}
-.toolbox_holder .toolbox_preview .tip_preview_sub#tip_preview_sub_17 .ranking_preview_holder .ranking_preview_left {
- display: flex;
- flex-direction: column;
- margin-right: 32px;
- padding-right: 16px;
- border-right: 1px #E5E5E5 solid;
-}
-.toolbox_holder .toolbox_preview .tip_preview_sub#tip_preview_sub_17 .ranking_preview_holder .ranking_preview_left .razvrscanje_preview {
- display: flex;
- justify-content: center;
- align-items: center;
- box-sizing: border-box;
- margin-bottom: 10px;
- height: 34px;
- width: 140px;
- font-size: 14px;
- background: #F4F9FE;
- border: 1px solid #D8EDFF;
- border-radius: 2px;
-}
-.toolbox_holder .toolbox_preview .tip_preview_sub#tip_preview_sub_17 .ranking_preview_holder .ranking_preview_right {
- display: flex;
- flex-direction: column;
-}
-.toolbox_holder .toolbox_preview .tip_preview_sub#tip_preview_sub_17 .ranking_preview_holder .ranking_preview_right .razvrscanje_preview_frame {
- display: flex;
- align-items: center;
- box-sizing: border-box;
- margin-bottom: 10px;
- height: 34px;
- width: 140px;
- font-size: 14px;
- text-indent: -24px;
- background: #F8F8F8;
- border: 1px dashed #D8EDFF;
- border-radius: 2px;
-}
-.toolbox_holder .toolbox_preview .tip_preview_sub#tip_preview_sub_18 .tip_sample {
- display: flex;
- flex-direction: column;
- align-items: flex-end;
- width: 250px;
-}
-.toolbox_holder .toolbox_preview .tip_preview_sub#tip_preview_sub_18 .tip_sample .tip_sample_option {
- display: flex;
- justify-content: space-between;
- align-items: center;
-}
-.toolbox_holder .toolbox_preview .tip_preview_sub#tip_preview_sub_18 .tip_sample .tip_sample_option input {
- width: 180px;
-}
-.toolbox_holder .toolbox_preview .tip_preview_sub#tip_preview_sub_18 .tip_sample .tip_sample_option.sum {
- padding-top: 4px;
- border-top: 1px #E5E5E5 solid;
-}
-.toolbox_holder .toolbox_preview .tip_preview_sub#tip_preview_sub_19 .tip_sample .tip_sample_text, .toolbox_holder .toolbox_preview .tip_preview_sub#tip_preview_sub_20 .tip_sample .tip_sample_text {
- margin-bottom: 16px;
-}
-.toolbox_holder .toolbox_preview .tip_preview_sub#tip_preview_sub_19 .tip_sample .tip_sample_option, .toolbox_holder .toolbox_preview .tip_preview_sub#tip_preview_sub_20 .tip_sample .tip_sample_option {
- display: flex;
- align-items: center;
-}
-.toolbox_holder .toolbox_preview .tip_preview_sub#tip_preview_sub_19 .tip_sample .tip_sample_option div, .toolbox_holder .toolbox_preview .tip_preview_sub#tip_preview_sub_20 .tip_sample .tip_sample_option div {
- width: 70px;
-}
-.toolbox_holder .toolbox_preview .tip_preview_sub#tip_preview_sub_19 .tip_sample .tip_sample_option span, .toolbox_holder .toolbox_preview .tip_preview_sub#tip_preview_sub_20 .tip_sample .tip_sample_option span {
- width: 90px;
-}
-.toolbox_holder .toolbox_preview .tip_preview_sub#tip_preview_sub_19 .tip_sample .tip_sample_option span input, .toolbox_holder .toolbox_preview .tip_preview_sub#tip_preview_sub_20 .tip_sample .tip_sample_option span input {
- width: 75px;
-}
-.toolbox_holder .toolbox_preview .tip_preview_sub#tip_preview_sub_21_2 .tip_sample_option.bottom {
- margin-top: 16px;
- padding-top: 16px;
- border-top: 1px #E5E5E5 solid;
-}
-.toolbox_holder .toolbox_preview .tip_preview_sub#tip_preview_sub_21_6 .tip_sample {
- display: flex;
- flex-direction: column;
-}
-.toolbox_holder .toolbox_preview .tip_preview_sub#tip_preview_sub_21_6 .tip_sample .tip_sample_option {
- display: flex;
- align-items: center;
- margin-bottom: 16px;
-}
-.toolbox_holder .toolbox_preview .tip_preview_sub#tip_preview_sub_21_6 .tip_sample .tip_sample_option .textarea {
- box-sizing: border-box;
- width: 200px;
- height: 50px;
- margin-right: 8px;
- background: #FFFFFF;
- border: 1px solid #C4C4C4;
- border-radius: 2px;
-}
-.toolbox_holder .toolbox_preview .tip_preview_sub#tip_preview_sub_21_6 .tip_sample .tip_sample_option .button {
- display: flex;
- align-items: center;
- justify-content: center;
- width: 116px;
- height: 28px;
- box-sizing: border-box;
- font-size: 14px;
- background: #F8F8F8;
- border: 1px solid #C4C4C4;
- border-radius: 2px;
-}
-.toolbox_holder .toolbox_preview .tip_preview_sub#tip_preview_sub_21_6 .tip_sample span {
- font-size: 14px;
-}
-.toolbox_holder .toolbox_preview .tip_preview_sub#tip_preview_sub_21_6 .tip_sample input {
- width: 200px;
- margin-top: 4px;
-}
.toolbox_holder.open {
width: 240px;
}
@@ -13454,6 +13073,403 @@ div.drop_setting_transition {
}
}
+#fullscreen .toolbox_expand {
+ display: block;
+ position: fixed;
+ top: calc(50% - 245px);
+ left: calc(50% - 136px);
+}
+#fullscreen .toolbox_expand .button_holder {
+ justify-content: flex-start;
+ margin: 0 16px 16px 16px;
+ padding-top: 16px;
+ border-top: 1px #E5E5E5 solid;
+}
+
+.toolbox {
+ cursor: pointer;
+ display: flex;
+ flex-direction: column;
+}
+.toolbox .toolbox_border {
+ margin: 0 12px;
+ border-top: 1px #E5E5E5 solid;
+}
+.toolbox .toolbox_border.open_lib, .toolbox .toolbox_border.new_if, .toolbox .toolbox_border.new_block {
+ border-top: 1px #CCE4F9 solid;
+}
+.toolbox .toolbox_item {
+ display: flex;
+ padding: 0 12px 0 0;
+ transition: 0.2s;
+}
+.toolbox .toolbox_item.open_lib, .toolbox .toolbox_item.new_if, .toolbox .toolbox_item.new_block {
+ background-color: #EEF7FF;
+}
+.toolbox .toolbox_item.open_lib:hover, .toolbox .toolbox_item.new_if:hover, .toolbox .toolbox_item.new_block:hover {
+ background-color: #CCE4F9;
+}
+.toolbox .toolbox_item.user_access_locked {
+ background-color: #FFF0C5;
+ border-bottom: 1px #FFE59C solid;
+}
+.toolbox .toolbox_item.user_access_locked:hover {
+ background-color: #FFE59C;
+}
+.toolbox .toolbox_item .item_icon {
+ width: 40px;
+ line-height: 40px;
+ text-align: center;
+}
+.toolbox .toolbox_item .item_icon:before {
+ font-size: 16px;
+}
+.toolbox .toolbox_item .item_icon.matrix_32 {
+ margin-top: 7px;
+ line-height: 9px;
+}
+.toolbox .toolbox_item .item_icon.matrix_32:before {
+ font-size: 11px !important;
+}
+.toolbox .toolbox_item .item_icon.abc_32, .toolbox .toolbox_item .item_icon.number_32 {
+ margin-top: -1px;
+ line-height: 40px;
+}
+.toolbox .toolbox_item .item_icon.abc_32:before, .toolbox .toolbox_item .item_icon.number_32:before {
+ font-size: 14px !important;
+}
+.toolbox .toolbox_item .item_text {
+ font-size: 14px;
+ line-height: 40px;
+ text-indent: 3px;
+}
+.toolbox .toolbox_item:hover {
+ background-color: #E5E5E5;
+}
+.toolbox .toolbox_item.new_adv {
+ color: #FFFFFF;
+ background-color: #1E88E5;
+}
+.toolbox .toolbox_item.new_adv:hover {
+ background-color: #0059ab;
+}
+.toolbox .toolbox_item.new_block {
+ border-bottom: none;
+}
+.toolbox #locked_toolbar {
+ cursor: default;
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 240px;
+ height: 450px;
+ background: rgba(30, 136, 229, 0.85);
+}
+.toolbox#toolbox_basic.forma {
+ height: 266px;
+ top: 235px;
+}
+.toolbox#toolbox_basic.forma #locked_toolbar {
+ height: 199px;
+ padding-top: 85px;
+}
+.toolbox#toolbox_advanced_settings .toolbox_item {
+ background-color: #D3D3D3 !important;
+}
+.toolbox#toolbox_advanced_settings .toolbox_item:hover {
+ background-color: #C4C4C4 !important;
+}
+
+.toolbox_expand {
+ display: none;
+ cursor: auto;
+ box-sizing: border-box;
+ position: fixed;
+ z-index: 99;
+ top: 220px;
+ left: 245px;
+ width: 272px;
+ color: #333333;
+ background: #FFFFFF;
+ border: 1px solid #E5E5E5;
+ box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.15);
+}
+.toolbox_expand .toolbox_expand_title {
+ margin: 16px 16px 0 16px;
+ padding-bottom: 10px;
+ font-size: 16px;
+ font-weight: 600;
+ border-bottom: 1px #E5E5E5 solid;
+}
+.toolbox_expand .toolbox_expand_title .subtitle {
+ display: block;
+ margin-top: 8px;
+ font-size: 14px;
+ font-weight: 400;
+}
+.toolbox_expand .toolbox_expand_segments_holder {
+ max-height: 400px;
+ overflow-y: scroll;
+ padding-bottom: 16px;
+}
+.toolbox_expand .toolbox_expand_segment {
+ display: flex;
+ flex-direction: column;
+ width: 100%;
+ margin-top: 16px;
+ font-size: 14px;
+}
+.toolbox_expand .toolbox_expand_segment .segment_title {
+ padding: 0 16px;
+ font-size: 14px;
+ font-weight: 700;
+ text-transform: uppercase;
+}
+.toolbox_expand .toolbox_expand_segment .segment_option {
+ cursor: pointer;
+ padding: 5px 16px 5px 16px;
+ font-size: 14px;
+ line-height: 18px;
+ transition: 0.2s;
+}
+.toolbox_expand .toolbox_expand_segment .segment_option:hover {
+ background-color: #F8F8F8;
+}
+.toolbox_expand#toolbox_advanced_settings_holder {
+ width: 300px;
+ padding-bottom: 8px;
+}
+.toolbox_expand#toolbox_advanced_settings_holder .toolbox_expand_title {
+ margin-bottom: 8px;
+ text-transform: uppercase;
+}
+.toolbox_expand#toolbox_advanced_settings_holder .toolbox_expand_title .faicon {
+ margin-right: 4px;
+}
+.toolbox_expand#toolbox_advanced_settings_holder .toolbox_expand_title .faicon:before {
+ color: #1E88E5;
+}
+.toolbox_expand#toolbox_advanced_settings_holder .toolbox_expand_segment {
+ margin-top: 0;
+}
+.toolbox_expand#toolbox_advanced_settings_holder .toolbox_expand_segment .segment_option {
+ padding: 8px 16px 8px 16px;
+}
+.toolbox_expand#toolbox_advanced_settings_holder .toolbox_expand_segment .segment_option a,
+.toolbox_expand#toolbox_advanced_settings_holder .toolbox_expand_segment .segment_option a:hover {
+ color: #333333;
+ text-decoration: none;
+}
+.toolbox_expand#toolbox_advanced_settings_holder .toolbox_expand_segment .segment_option a .faicon,
+.toolbox_expand#toolbox_advanced_settings_holder .toolbox_expand_segment .segment_option a:hover .faicon {
+ margin-right: 8px;
+}
+.toolbox_expand#toolbox_advanced_settings_holder .toolbox_expand_segment .segment_option a .faicon:before,
+.toolbox_expand#toolbox_advanced_settings_holder .toolbox_expand_segment .segment_option a:hover .faicon:before {
+ font-size: 14px;
+ color: #1E88E5;
+}
+
+.toolbox_preview {
+ display: none;
+ cursor: auto;
+ pointer-events: none;
+ position: fixed;
+ z-index: 9999;
+ top: 220px;
+ box-sizing: border-box;
+ width: 470px;
+ max-height: 520px;
+ background: #FFFFFF;
+ border: 1px solid #E5E5E5;
+ box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.15);
+}
+.toolbox_preview .tip_preview_sub {
+ display: none;
+ padding: 16px;
+}
+.toolbox_preview .tip_preview_sub > span {
+ font-size: 14px;
+ font-weight: 600;
+}
+.toolbox_preview .tip_preview_sub .tip_sample {
+ overflow: hidden;
+ margin-top: 10px;
+}
+.toolbox_preview .tip_preview_sub .tip_sample .tip_sample_text {
+ font-size: 14px;
+}
+.toolbox_preview .tip_preview_sub .tip_sample .tip_sample_option {
+ width: 100%;
+ margin-top: 8px;
+ font-size: 14px;
+}
+.toolbox_preview .tip_preview_sub .tip_sample .tip_sample_option div {
+ display: block;
+ float: left;
+ width: 100px;
+ font-size: 14px;
+}
+.toolbox_preview .tip_preview_sub .tip_sample .tip_sample_option span {
+ display: block;
+ float: left;
+ width: 80px;
+ margin-bottom: 3px;
+ font-size: 14px;
+ text-align: center;
+}
+.toolbox_preview .tip_preview_sub .tip_sample .tip_sample_option2 {
+ width: 100%;
+ font-size: 14px;
+}
+.toolbox_preview .tip_preview_sub .tip_sample .tip_sample_option2 div {
+ display: block;
+ float: left;
+ width: 70px;
+ font-size: 14px;
+}
+.toolbox_preview .tip_preview_sub .tip_sample .tip_sample_option2 span {
+ display: block;
+ float: left;
+ width: 80px;
+ margin-bottom: 3px;
+ width: 60px;
+ font-size: 14px;
+ text-align: center;
+}
+.toolbox_preview .tip_preview_sub input[type=radio],
+.toolbox_preview .tip_preview_sub input[type=checkbox] {
+ overflow: auto !important;
+ padding: auto !important;
+ clip: auto !important;
+ border: auto !important;
+ position: relative;
+ width: 16px !important;
+ height: 16px !important;
+ margin: 0 8px 0 0 !important;
+ vertical-align: -1px;
+}
+.toolbox_preview .tip_preview_sub#tip_preview_sub_17 .ranking_preview_holder {
+ display: flex;
+ margin-top: 16px;
+}
+.toolbox_preview .tip_preview_sub#tip_preview_sub_17 .ranking_preview_holder .ranking_preview_left {
+ display: flex;
+ flex-direction: column;
+ margin-right: 32px;
+ padding-right: 16px;
+ border-right: 1px #E5E5E5 solid;
+}
+.toolbox_preview .tip_preview_sub#tip_preview_sub_17 .ranking_preview_holder .ranking_preview_left .razvrscanje_preview {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ box-sizing: border-box;
+ margin-bottom: 10px;
+ height: 34px;
+ width: 140px;
+ font-size: 14px;
+ background: #F4F9FE;
+ border: 1px solid #D8EDFF;
+ border-radius: 2px;
+}
+.toolbox_preview .tip_preview_sub#tip_preview_sub_17 .ranking_preview_holder .ranking_preview_right {
+ display: flex;
+ flex-direction: column;
+}
+.toolbox_preview .tip_preview_sub#tip_preview_sub_17 .ranking_preview_holder .ranking_preview_right .razvrscanje_preview_frame {
+ display: flex;
+ align-items: center;
+ box-sizing: border-box;
+ margin-bottom: 10px;
+ height: 34px;
+ width: 140px;
+ font-size: 14px;
+ text-indent: -24px;
+ background: #F8F8F8;
+ border: 1px dashed #D8EDFF;
+ border-radius: 2px;
+}
+.toolbox_preview .tip_preview_sub#tip_preview_sub_18 .tip_sample {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-end;
+ width: 250px;
+}
+.toolbox_preview .tip_preview_sub#tip_preview_sub_18 .tip_sample .tip_sample_option {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+.toolbox_preview .tip_preview_sub#tip_preview_sub_18 .tip_sample .tip_sample_option input {
+ width: 180px;
+}
+.toolbox_preview .tip_preview_sub#tip_preview_sub_18 .tip_sample .tip_sample_option.sum {
+ padding-top: 4px;
+ border-top: 1px #E5E5E5 solid;
+}
+.toolbox_preview .tip_preview_sub#tip_preview_sub_19 .tip_sample .tip_sample_text, .toolbox_preview .tip_preview_sub#tip_preview_sub_20 .tip_sample .tip_sample_text {
+ margin-bottom: 16px;
+}
+.toolbox_preview .tip_preview_sub#tip_preview_sub_19 .tip_sample .tip_sample_option, .toolbox_preview .tip_preview_sub#tip_preview_sub_20 .tip_sample .tip_sample_option {
+ display: flex;
+ align-items: center;
+}
+.toolbox_preview .tip_preview_sub#tip_preview_sub_19 .tip_sample .tip_sample_option div, .toolbox_preview .tip_preview_sub#tip_preview_sub_20 .tip_sample .tip_sample_option div {
+ width: 70px;
+}
+.toolbox_preview .tip_preview_sub#tip_preview_sub_19 .tip_sample .tip_sample_option span, .toolbox_preview .tip_preview_sub#tip_preview_sub_20 .tip_sample .tip_sample_option span {
+ width: 90px;
+}
+.toolbox_preview .tip_preview_sub#tip_preview_sub_19 .tip_sample .tip_sample_option span input, .toolbox_preview .tip_preview_sub#tip_preview_sub_20 .tip_sample .tip_sample_option span input {
+ width: 75px;
+}
+.toolbox_preview .tip_preview_sub#tip_preview_sub_21_2 .tip_sample_option.bottom {
+ margin-top: 16px;
+ padding-top: 16px;
+ border-top: 1px #E5E5E5 solid;
+}
+.toolbox_preview .tip_preview_sub#tip_preview_sub_21_6 .tip_sample {
+ display: flex;
+ flex-direction: column;
+}
+.toolbox_preview .tip_preview_sub#tip_preview_sub_21_6 .tip_sample .tip_sample_option {
+ display: flex;
+ align-items: center;
+ margin-bottom: 16px;
+}
+.toolbox_preview .tip_preview_sub#tip_preview_sub_21_6 .tip_sample .tip_sample_option .textarea {
+ box-sizing: border-box;
+ width: 200px;
+ height: 50px;
+ margin-right: 8px;
+ background: #FFFFFF;
+ border: 1px solid #C4C4C4;
+ border-radius: 2px;
+}
+.toolbox_preview .tip_preview_sub#tip_preview_sub_21_6 .tip_sample .tip_sample_option .button {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 116px;
+ height: 28px;
+ box-sizing: border-box;
+ font-size: 14px;
+ background: #F8F8F8;
+ border: 1px solid #C4C4C4;
+ border-radius: 2px;
+}
+.toolbox_preview .tip_preview_sub#tip_preview_sub_21_6 .tip_sample span {
+ font-size: 14px;
+}
+.toolbox_preview .tip_preview_sub#tip_preview_sub_21_6 .tip_sample input {
+ width: 200px;
+ margin-top: 4px;
+}
+
.toolbox_item.clone-dragging,
.segment_option.clone-dragging {
display: flex;
diff --git a/resources/sass/admin_new/pages/survey_edit/toolbox.scss b/resources/sass/admin_new/pages/survey_edit/toolbox.scss
index 495b2d6d4..a6dc74046 100644
--- a/resources/sass/admin_new/pages/survey_edit/toolbox.scss
+++ b/resources/sass/admin_new/pages/survey_edit/toolbox.scss
@@ -17,555 +17,6 @@
border-right: 1px $gray solid;
border-bottom: 1px $gray solid;
- // Posamezni toolbox
- .toolbox{
- cursor: pointer;
- 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;
-
- transition: 0.2s;
-
- &.open_lib,
- &.new_if,
- &.new_block{
- background-color: $medium-blue;
-
- &:hover{
- background-color: #CCE4F9;
- }
- }
-
- &.user_access_locked{
- background-color: #FFF0C5;
- border-bottom: 1px #FFE59C solid;
-
- &:hover{
- background-color: #FFE59C;
- }
- }
-
- .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;
- }
-
- &:hover{
- background-color: $gray;
- }
-
-
- &.new_spr{
-
- }
-
- &.new_adv{
- color: $white;
- background-color: $blue;
-
- &:hover{
- background-color: $dark-blue;
- }
- }
-
- &.new_if{
-
- }
-
- &.new_block{
- border-bottom: none;
- }
- }
-
- // Zaklenjen toolbox
- #locked_toolbar {
- cursor: default;
- position: absolute;
- top: 0px;
- left: 0px;
-
- display: flex;
- align-items: center;
- justify-content: center;
-
- width: $branching_toolbox_size_big;
- height: 450px;
-
- background: rgba($blue, 0.85);
- }
-
- &#toolbox_basic.forma {
- #locked_toolbar {
- height: 199px;
- padding-top: 85px;
- }
- height: 266px;
- top: 235px;
- }
-
- &#toolbox_advanced_settings {
-
- .toolbox_item{
- background-color: $dark-gray2 !important;
-
- &:hover{
- background-color: $dark-gray !important;
- }
- }
- }
- }
-
-
- // Nastavitve, ki se razprejo pri hoverju na toolbox item
- .toolbox_expand{
- display: none;
- cursor: auto;
-
- box-sizing: border-box;
- position: fixed;
- z-index: 99;
- top: 220px;
- left: 245px;
-
- width: 272px;
-
- color: $black;
-
- background: $white;
- border: 1px solid $gray;
-
- box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.15);
-
- .toolbox_expand_title{
- margin: 16px 16px 0 16px;
- padding-bottom: 10px;
-
- font-size: 16px;
- font-weight: 600;
-
- border-bottom: 1px $gray solid;
-
- .subtitle{
- display: block;
- margin-top: 8px;
-
- font-size: 14px;
- font-weight: 400;
- }
- }
-
- .toolbox_expand_segments_holder{
- max-height: 400px;
- overflow-y: scroll;
-
- padding-bottom: 16px;
- }
-
- .toolbox_expand_segment{
- display: flex;
- flex-direction: column;
-
- width: 100%;
- margin-top: 16px;
-
- font-size: 14px;
-
- .segment_title{
- padding: 0 16px;
-
- font-size: 14px;
- font-weight: 700;
- text-transform: uppercase;
- }
-
- .segment_option{
- cursor: pointer;
-
- padding: 5px 16px 5px 16px;
-
- font-size: 14px;
- line-height: 18px;
-
- transition: 0.2s;
-
- &:hover{
- background-color: $light-gray;
- }
- }
- }
-
- &#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: 8px 16px 8px 16px;
-
- a,
- a:hover{
- color: $black;
- text-decoration: none;
-
- .faicon{
- margin-right: 8px;
-
- &:before{
- font-size: 14px;
- color: $blue;
- }
- }
- }
- }
-
-
- }
- }
- }
-
-
- // Preview, ki se prikaze na hoverju (npr. vprasanja)
- .toolbox_preview{
- display: none;
- cursor: auto;
- pointer-events: none;
-
- position: fixed;
- z-index: 9999;
- top: 220px;
-
- box-sizing: border-box;
- width: 470px;
- max-height: 520px;
-
- //background: $light-gray;
- background: $white;
- border: 1px solid $gray;
- box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.15);
-
- .tip_preview_sub {
- display: none;
- padding: 16px;
-
- >span {
- font-size: 14px;
- font-weight: 600;
- }
-
- .tip_sample {
- overflow: hidden;
- margin-top: 10px;
-
- .tip_sample_text {
- font-size: 14px;
- }
-
- .tip_sample_option {
- width: 100%;
- margin-top: 8px;
-
- font-size: 14px;
-
- div {
- display: block;
- float: left;
- width: 100px;
-
- font-size: 14px;
- }
- span {
- display: block;
- float: left;
- width: 80px;
- margin-bottom: 3px;
-
- font-size: 14px;
- text-align: center;
- }
- }
- .tip_sample_option2 {
- width: 100%;
-
- font-size: 14px;
-
- div {
- display: block;
- float: left;
- width: 70px;
-
- font-size: 14px;
- }
- span {
- display: block;
- float: left;
- width: 80px;
- margin-bottom: 3px;
- width: 60px;
-
- font-size: 14px;
- text-align: center;
- }
- }
- }
-
- // Imamo default radio gumbe
- input[type=radio],
- input[type=checkbox]{
- overflow: auto !important;
- padding: auto !important;
- clip: auto !important;
- border: auto !important;
-
- position: relative;
- width: 16px !important;
- height: 16px !important;
- margin: 0 8px 0 0 !important;
-
- vertical-align: -1px;
- }
-
-
- // Razvrscanje
- &#tip_preview_sub_17{
-
- .ranking_preview_holder{
- display: flex;
-
- margin-top: 16px;
-
- .ranking_preview_left{
- display: flex;
- flex-direction: column;
-
- margin-right: 32px;
- padding-right: 16px;
-
- border-right: 1px $gray solid;
-
- .razvrscanje_preview{
- display: flex;
- justify-content: center;
- align-items: center;
-
- box-sizing: border-box;
- margin-bottom: 10px;
- height: 34px;
- width: 140px;
-
- font-size: 14px;
-
- background: $medium-blue2;
- border: 1px solid #D8EDFF;
- border-radius: 2px;
- }
- }
-
- .ranking_preview_right{
- display: flex;
- flex-direction: column;
-
- .razvrscanje_preview_frame{
- display: flex;
- align-items: center;
-
- box-sizing: border-box;
- margin-bottom: 10px;
- height: 34px;
- width: 140px;
-
- font-size: 14px;
- text-indent: -24px;
-
- background: $light-gray;
- border: 1px dashed #D8EDFF;
- border-radius: 2px;
- }
- }
- }
- }
-
- // Vsota
- &#tip_preview_sub_18{
-
- .tip_sample{
- display: flex;
- flex-direction: column;
- align-items: flex-end;
-
- width: 250px;
-
- .tip_sample_option{
- display: flex;
- justify-content: space-between;
- align-items: center;
-
- input{
- width: 180px;
- }
-
- &.sum{
- padding-top: 4px;
- border-top: 1px $gray solid;
- }
- }
- }
- }
-
- // Multitext
- &#tip_preview_sub_19,
- &#tip_preview_sub_20{
-
- .tip_sample{
-
- .tip_sample_text{
- margin-bottom: 16px;
- }
-
- .tip_sample_option{
- display: flex;
- align-items: center;
-
- div{
- width: 70px;
- }
-
- span {
- width: 90px;
-
- input{
- width: 75px;
- }
- }
- }
- }
- }
-
- &#tip_preview_sub_21_2{
-
- .tip_sample_option.bottom{
- margin-top: 16px;
- padding-top: 16px;
-
- border-top: 1px $gray solid;
- }
- }
-
- &#tip_preview_sub_21_6{
-
- .tip_sample{
- display: flex;
- flex-direction: column;
-
- .tip_sample_option{
- display: flex;
- align-items: center;
-
- margin-bottom: 16px;
-
- .textarea{
- box-sizing: border-box;
- width: 200px;
- height: 50px;
- margin-right: 8px;
-
- background: $white;
- border: 1px solid $dark-gray;
- border-radius: 2px;
- }
-
- .button{
- display: flex;
- align-items: center;
- justify-content: center;
-
- width: 116px;
- height: 28px;
- box-sizing: border-box;
-
- font-size: 14px;
-
- background: $light-gray;
- border: 1px solid $dark-gray;
- border-radius: 2px;
- }
- }
-
- span{
- font-size: 14px;
- }
-
- input{
- width: 200px;
- margin-top: 4px;
- }
- }
- }
- }
- }
-
&.open{
width: $branching_toolbox_size_big;
}
@@ -612,6 +63,579 @@
}
}
+#fullscreen{
+
+ .toolbox_expand{
+ display: block;
+ position: fixed;
+
+ top: calc(50% - 245px);
+ left: calc(50% - 136px);
+
+ .button_holder{
+ justify-content: flex-start;
+
+ margin: 0 16px 16px 16px;
+ padding-top: 16px;
+
+ border-top: 1px $gray solid;
+ }
+ }
+
+}
+
+
+// Posamezni toolbox
+.toolbox{
+ cursor: pointer;
+ 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;
+
+ transition: 0.2s;
+
+ &.open_lib,
+ &.new_if,
+ &.new_block{
+ background-color: $medium-blue;
+
+ &:hover{
+ background-color: #CCE4F9;
+ }
+ }
+
+ &.user_access_locked{
+ background-color: #FFF0C5;
+ border-bottom: 1px #FFE59C solid;
+
+ &:hover{
+ background-color: #FFE59C;
+ }
+ }
+
+ .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;
+ }
+
+ &:hover{
+ background-color: $gray;
+ }
+
+
+ &.new_spr{
+
+ }
+
+ &.new_adv{
+ color: $white;
+ background-color: $blue;
+
+ &:hover{
+ background-color: $dark-blue;
+ }
+ }
+
+ &.new_if{
+
+ }
+
+ &.new_block{
+ border-bottom: none;
+ }
+ }
+
+ // Zaklenjen toolbox
+ #locked_toolbar {
+ cursor: default;
+ position: absolute;
+ top: 0px;
+ left: 0px;
+
+ display: flex;
+ align-items: center;
+ justify-content: center;
+
+ width: $branching_toolbox_size_big;
+ height: 450px;
+
+ background: rgba($blue, 0.85);
+ }
+
+ &#toolbox_basic.forma {
+ #locked_toolbar {
+ height: 199px;
+ padding-top: 85px;
+ }
+ height: 266px;
+ top: 235px;
+ }
+
+ &#toolbox_advanced_settings {
+
+ .toolbox_item{
+ background-color: $dark-gray2 !important;
+
+ &:hover{
+ background-color: $dark-gray !important;
+ }
+ }
+ }
+}
+
+
+// Nastavitve, ki se razprejo pri hoverju na toolbox item
+.toolbox_expand{
+ display: none;
+ cursor: auto;
+
+ box-sizing: border-box;
+ position: fixed;
+ z-index: 99;
+ top: 220px;
+ left: 245px;
+
+ width: 272px;
+
+ color: $black;
+
+ background: $white;
+ border: 1px solid $gray;
+
+ box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.15);
+
+ .toolbox_expand_title{
+ margin: 16px 16px 0 16px;
+ padding-bottom: 10px;
+
+ font-size: 16px;
+ font-weight: 600;
+
+ border-bottom: 1px $gray solid;
+
+ .subtitle{
+ display: block;
+ margin-top: 8px;
+
+ font-size: 14px;
+ font-weight: 400;
+ }
+ }
+
+ .toolbox_expand_segments_holder{
+ max-height: 400px;
+ overflow-y: scroll;
+
+ padding-bottom: 16px;
+ }
+
+ .toolbox_expand_segment{
+ display: flex;
+ flex-direction: column;
+
+ width: 100%;
+ margin-top: 16px;
+
+ font-size: 14px;
+
+ .segment_title{
+ padding: 0 16px;
+
+ font-size: 14px;
+ font-weight: 700;
+ text-transform: uppercase;
+ }
+
+ .segment_option{
+ cursor: pointer;
+
+ padding: 5px 16px 5px 16px;
+
+ font-size: 14px;
+ line-height: 18px;
+
+ transition: 0.2s;
+
+ &:hover{
+ background-color: $light-gray;
+ }
+ }
+ }
+
+ &#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: 8px 16px 8px 16px;
+
+ a,
+ a:hover{
+ color: $black;
+ text-decoration: none;
+
+ .faicon{
+ margin-right: 8px;
+
+ &:before{
+ font-size: 14px;
+ color: $blue;
+ }
+ }
+ }
+ }
+
+
+ }
+ }
+}
+
+
+// Preview, ki se prikaze na hoverju (npr. vprasanja)
+.toolbox_preview{
+ display: none;
+ cursor: auto;
+ pointer-events: none;
+
+ position: fixed;
+ z-index: 9999;
+ top: 220px;
+
+ box-sizing: border-box;
+ width: 470px;
+ max-height: 520px;
+
+ //background: $light-gray;
+ background: $white;
+ border: 1px solid $gray;
+ box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.15);
+
+ .tip_preview_sub {
+ display: none;
+ padding: 16px;
+
+ >span {
+ font-size: 14px;
+ font-weight: 600;
+ }
+
+ .tip_sample {
+ overflow: hidden;
+ margin-top: 10px;
+
+ .tip_sample_text {
+ font-size: 14px;
+ }
+
+ .tip_sample_option {
+ width: 100%;
+ margin-top: 8px;
+
+ font-size: 14px;
+
+ div {
+ display: block;
+ float: left;
+ width: 100px;
+
+ font-size: 14px;
+ }
+ span {
+ display: block;
+ float: left;
+ width: 80px;
+ margin-bottom: 3px;
+
+ font-size: 14px;
+ text-align: center;
+ }
+ }
+ .tip_sample_option2 {
+ width: 100%;
+
+ font-size: 14px;
+
+ div {
+ display: block;
+ float: left;
+ width: 70px;
+
+ font-size: 14px;
+ }
+ span {
+ display: block;
+ float: left;
+ width: 80px;
+ margin-bottom: 3px;
+ width: 60px;
+
+ font-size: 14px;
+ text-align: center;
+ }
+ }
+ }
+
+ // Imamo default radio gumbe
+ input[type=radio],
+ input[type=checkbox]{
+ overflow: auto !important;
+ padding: auto !important;
+ clip: auto !important;
+ border: auto !important;
+
+ position: relative;
+ width: 16px !important;
+ height: 16px !important;
+ margin: 0 8px 0 0 !important;
+
+ vertical-align: -1px;
+ }
+
+
+ // Razvrscanje
+ &#tip_preview_sub_17{
+
+ .ranking_preview_holder{
+ display: flex;
+
+ margin-top: 16px;
+
+ .ranking_preview_left{
+ display: flex;
+ flex-direction: column;
+
+ margin-right: 32px;
+ padding-right: 16px;
+
+ border-right: 1px $gray solid;
+
+ .razvrscanje_preview{
+ display: flex;
+ justify-content: center;
+ align-items: center;
+
+ box-sizing: border-box;
+ margin-bottom: 10px;
+ height: 34px;
+ width: 140px;
+
+ font-size: 14px;
+
+ background: $medium-blue2;
+ border: 1px solid #D8EDFF;
+ border-radius: 2px;
+ }
+ }
+
+ .ranking_preview_right{
+ display: flex;
+ flex-direction: column;
+
+ .razvrscanje_preview_frame{
+ display: flex;
+ align-items: center;
+
+ box-sizing: border-box;
+ margin-bottom: 10px;
+ height: 34px;
+ width: 140px;
+
+ font-size: 14px;
+ text-indent: -24px;
+
+ background: $light-gray;
+ border: 1px dashed #D8EDFF;
+ border-radius: 2px;
+ }
+ }
+ }
+ }
+
+ // Vsota
+ &#tip_preview_sub_18{
+
+ .tip_sample{
+ display: flex;
+ flex-direction: column;
+ align-items: flex-end;
+
+ width: 250px;
+
+ .tip_sample_option{
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+
+ input{
+ width: 180px;
+ }
+
+ &.sum{
+ padding-top: 4px;
+ border-top: 1px $gray solid;
+ }
+ }
+ }
+ }
+
+ // Multitext
+ &#tip_preview_sub_19,
+ &#tip_preview_sub_20{
+
+ .tip_sample{
+
+ .tip_sample_text{
+ margin-bottom: 16px;
+ }
+
+ .tip_sample_option{
+ display: flex;
+ align-items: center;
+
+ div{
+ width: 70px;
+ }
+
+ span {
+ width: 90px;
+
+ input{
+ width: 75px;
+ }
+ }
+ }
+ }
+ }
+
+ &#tip_preview_sub_21_2{
+
+ .tip_sample_option.bottom{
+ margin-top: 16px;
+ padding-top: 16px;
+
+ border-top: 1px $gray solid;
+ }
+ }
+
+ &#tip_preview_sub_21_6{
+
+ .tip_sample{
+ display: flex;
+ flex-direction: column;
+
+ .tip_sample_option{
+ display: flex;
+ align-items: center;
+
+ margin-bottom: 16px;
+
+ .textarea{
+ box-sizing: border-box;
+ width: 200px;
+ height: 50px;
+ margin-right: 8px;
+
+ background: $white;
+ border: 1px solid $dark-gray;
+ border-radius: 2px;
+ }
+
+ .button{
+ display: flex;
+ align-items: center;
+ justify-content: center;
+
+ width: 116px;
+ height: 28px;
+ box-sizing: border-box;
+
+ font-size: 14px;
+
+ background: $light-gray;
+ border: 1px solid $dark-gray;
+ border-radius: 2px;
+ }
+ }
+
+ span{
+ font-size: 14px;
+ }
+
+ input{
+ width: 200px;
+ margin-top: 4px;
+ }
+ }
+ }
+ }
+}
+
+
+
// Dragging item
.toolbox_item.clone-dragging,
.segment_option.clone-dragging{