1KA_F2F/resources/sass/admin_new/pages/survey_edit/toolbox.scss

/*
    Levi toolbox v urejanju ankete (dodajanje vprasanj...)
*/


// Toolbox elementi na levi pri urejanju vprasalnika
.toolbox_holder{
    display: flex;
    flex-direction: column;

    position: fixed;
    left: 0;
    top: 220px;

    background-color: $light-gray2;
    

    // Posamezni toolbox
    .toolbox{
        cursor: pointer;
        display: flex;
        flex-direction: column;
        
        .toolbox_item{
            display: flex;
        
            padding: 0 12px 0 0;

            border-bottom: 1px $gray solid;

            transition: 0.2s;
    
            .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 {
            position: absolute;
            top: 1px;
            left: 1px;
            width: 45px;
            height: 194px;
            padding: 140px 0 0 3px;
            background: rgba($blue, 0.85);
            span.lock_big {
                margin-left: 13px;
            }
        }

        #toolbox_basic.forma {
            #locked_toolbar {
                height: 199px;
                padding-top: 85px;
            }
            height: 266px;
            top: 235px;
        }
    }

    // Nastavitve, ki se razprejo pri hoverju na toolbox item
    .toolbox_expand{
        display: none;
        cursor: auto;
        
        position: fixed;
        z-index: 99;
        top: 220px;
        left: 245px;
        
        box-sizing: border-box;
        width: 272px;
        max-height: 520px;

        background: $white;
        border: 1px solid $gray;
        
        box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.15);
    }

    // Preview, ki se prikaze na hoverju (npr. vprasanja)
    .toolbox_preview{
        display: none;
        cursor: auto;
        pointer-events: none;
        
        position: fixed;
        z-index: 9999;
        top: 220px;
        left: 520px;
        
        box-sizing: border-box;
        width: 450px;
        max-height: 520px;

        background: $light-gray;
        border: 1px solid $gray;
        box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.15);



        .tip_preview_sub {
            display: none;
            margin: 10px 10px 10px 10px;
            >span {
                padding: 10px;
            }
        }
        .inside {

        }
        .tip_sample {
            padding: 10px;
            overflow: hidden;
            margin-top: 10px;
            div.spremenljivka {
                div.naslov {
                    font-weight: bold;
                    width: auto;
                    padding: 0;
                    p {
                        margin: 0;
                    }
                }
            }
        }
        .tip_sample_text {
            font-weight: 500;
        }
        .tip_sample_option {
            padding-left: 5px;
            width: 100%;
            div {
                display: block;
                float: left;
                width: 100px;
            }
            span {
                display: block;
                float: left;
                width: 80px;
                text-align: center;
                margin-bottom: 3px;
            }
        }
        .tip_sample_option2 {
            padding-left: 5px;
            width: 100%;
            div {
                display: block;
                float: left;
                width: 100px;
            }
            span {
                display: block;
                float: left;
                width: 80px;
                text-align: center;
                margin-bottom: 3px;
                width: 60px;
            }
        }
    }

    &.open{
        width: 240px;
    }
    &.closed{
        width: 50px;

        .toolbox_item .item_text{
            display: none;
        }

        .toolbox_expand{
            left: 55px;
        }
    }
}


// Napredne nastavitve na vrhu (zobnik)
#toolbox_advanced_settings {

	#toolbox_advanced_settings_holder {
		width: auto;
		height: auto;
		min-height: 100px;
		padding: 10px 20px 0 10px;

		text-align: left;
		font-size: 11px;

		span.advanced_settings_title {
			vertical-align: middle;
			padding: 0 0 0 2px;
			color: $blue;
			font-weight: 600;
			font-size: 12px;
		}

		span.advanced_setting {
			display: inline-block;
			text-align: center;
			width: 20px;
			padding: 3px 5px 0 0;
		}
	}
}

// Dodajanje vprasanj
#toolbox_basic {

	/*div.new_adv {
		cursor: default;
		cursor: pointer;
		margin: 0px 1px;
		padding: 8px 4px;
		text-align: center;
		background-color: $yellow;
		background-repeat: repeat-y;
	}
	p {
		img {
			cursor: move;
		}
		margin: 10px 3px 3px;
		span.sprites {
			margin-right: 2px;
		}
	}
	.handle {
		color: $red;
		font-weight: bold;
	}
	p.left {
		overflow: hidden;
		margin-left: 0;
		margin-right: 0;
		padding-left: 9px;
		padding-right: 2px;
	}
	p.right {
		overflow: hidden;
		margin-left: 0;
		margin-right: 0;
		padding-left: 9px;
		padding-right: 2px;
	}
	p.whole {
		overflow: hidden;
		margin-left: 0;
		margin-right: 0;
		padding-left: 2%;
		padding-right: 2%;
		margin-top: 6px;
	}
	
	p.new_spr {
		cursor: pointer;
		margin: 0px 1px;
		padding: 8px 4px;
		text-align: center;
		&:hover {
			background-color: darken($blue, 7%);
		}
	}
	p.new_if {
		cursor: pointer;
		margin: 0px 1px;
		padding: 8px 4px;
		text-align: center;
		&:hover {
			background-color: darken($blue, 7%);
		}
	}
	p.new_pb {
		cursor: pointer;
		margin: 0px 1px;
		padding: 8px 4px;
		text-align: center;
		&:hover {
			background-color: darken($blue, 7%);
		}
	}
	p.new_block {
		cursor: pointer;
		margin: 0px 1px;
		padding: 8px 4px;
		text-align: center;
		&:hover {
			background-color: darken($blue, 7%);
		}
	}*/
}
/*#toolbox_add_advanced {
	display: none;
	cursor: auto;
	z-index: -1;
	position: fixed;

	left: 55px;
	width: 495px;
	height: auto;
	min-height: 100px;
	padding: 0px 10px 10px 10px;
	background-color: $blue;
	text-align: left;
	border: 1px solid $blue;
	p.toolbox_add_title {
		color: $blue;
		font-weight: 600;
		font-size: 14px;
	}
	p.new_spr {
		&:hover {
			background-color: $blue;
		}
		float: left;
		cursor: pointer;
		width: 150px;
		margin: 1px 0px 1px 1px;
		padding: 4px 7px;
		text-align: left;
	}
	p.new_loop {
		&:hover {
			background-color: $blue;
		}
		float: left;
		cursor: pointer;
		width: 150px;
		margin: 1px 0px 1px 1px;
		padding: 4px 7px;
		text-align: left;
	}
	.holder {
		width: 33%;
		float: left;
		border: 0;
		background: 0;
	}
	p.new_question {
		text-align: left;
	}
	.new_spr_spacer {
		float: left;
		cursor: pointer;
		width: 150px;
		margin: 1px 0px 1px 1px;
		padding: 4px 7px;
		text-align: left;
		cursor: auto;
		height: 18px;
	}
	p.naslov {
		float: left;
		width: 150px;
		margin: 10px 0 3px 0;
		padding: 0 5px 0px 2px;
		font-size: 13px;
		font-weight: 600;
		text-align: left;
	}
	p {
		span {
			display: none;
		}
	}
}*/




.mobile_add_question{
    display: none;
}
.mobile_add_question_popup{
    display: none;
}