Redesign - kopiran star design za urejanje vprasalnika in osnovo popupa
This commit is contained in:
pero1203
parent
d55bd2b0e4
commit
0fa960d224
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,123 @@
|
||||
@mixin popup_general() {
|
||||
/*max-height: 90vh;
|
||||
overflow-y: scroll;*/
|
||||
max-width: 90vw;
|
||||
|
||||
padding: 20px;
|
||||
|
||||
/*font-size: 13px;
|
||||
line-height: 20px;*/
|
||||
|
||||
background-color: white;
|
||||
border-left: 6px $blue solid !important;
|
||||
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.34);
|
||||
|
||||
.popup_close{
|
||||
position: absolute !important;
|
||||
top: 20px;
|
||||
right: 20px;
|
||||
z-index: 9999;
|
||||
|
||||
font-size: 32px !important;
|
||||
line-height: 25px;
|
||||
color: $gray;
|
||||
|
||||
&:hover{
|
||||
color: $blue;
|
||||
}
|
||||
|
||||
a{
|
||||
color: $gray;
|
||||
|
||||
&:hover{
|
||||
color: $blue;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
h2,
|
||||
.divPopUp_top{
|
||||
max-width: 95%;
|
||||
margin-top: 0px;
|
||||
margin-bottom: 20px;
|
||||
|
||||
font-size: 20px;
|
||||
line-height: 27px;
|
||||
font-weight: 500;
|
||||
color: $black;
|
||||
}
|
||||
|
||||
p{
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
|
||||
/*&.popup_violet{
|
||||
border-left: 6px $violet solid !important;
|
||||
|
||||
div.buttonwrapper a {
|
||||
background-color: $violet;
|
||||
border: 1px $violet solid;
|
||||
|
||||
&:hover{
|
||||
background-color: $violet_light;
|
||||
border: 1px $violet_light solid;
|
||||
}
|
||||
}
|
||||
div.buttonwrapper a.ovalbutton_gray{
|
||||
color: $violet !important;
|
||||
background-color: white !important;
|
||||
|
||||
&:hover{
|
||||
color: white !important;
|
||||
background-color: $violet !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.popup_orange{
|
||||
border-left: 6px $orange solid !important;
|
||||
|
||||
div.buttonwrapper a {
|
||||
background-color: $orange;
|
||||
border: 1px $orange solid;
|
||||
|
||||
&:hover{
|
||||
background-color: $orange_lighten;
|
||||
border: 1px $orange_lighten solid;
|
||||
}
|
||||
}
|
||||
div.buttonwrapper a.ovalbutton_gray{
|
||||
color: $orange !important;
|
||||
background-color: white !important;
|
||||
|
||||
&:hover{
|
||||
color: white !important;
|
||||
background-color: $orange !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.popup_red{
|
||||
border-left: 6px $red solid !important;
|
||||
|
||||
div.buttonwrapper a {
|
||||
background-color: $red;
|
||||
border: 1px $red solid;
|
||||
|
||||
&:hover{
|
||||
background-color: $red_lighten;
|
||||
border: 1px $red_lighten solid;
|
||||
}
|
||||
}
|
||||
div.buttonwrapper a.ovalbutton_gray{
|
||||
color: $red !important;
|
||||
background-color: white !important;
|
||||
|
||||
&:hover{
|
||||
color: white !important;
|
||||
background-color: $red !important;
|
||||
}
|
||||
}
|
||||
} */
|
||||
}
|
||||
@ -0,0 +1,122 @@
|
||||
/*
|
||||
To change this license header, choose License Headers in Project Properties.
|
||||
To change this template file, choose Tools | Templates
|
||||
and open the template in the editor.
|
||||
*/
|
||||
/*
|
||||
Created on : 06-Aug-2018, 11:37:12
|
||||
Author : podkrizniku
|
||||
*/
|
||||
|
||||
#branching.collapsed {
|
||||
min-height: 317px;
|
||||
margin-top: 10px;
|
||||
|
||||
li.spr {
|
||||
line-height: 28px;
|
||||
&:hover {
|
||||
background-color: $blue;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
div.spr_edit {
|
||||
padding-top: 0px;
|
||||
margin-top: 0px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
li.spr.spr_editing {
|
||||
line-height: inherit;
|
||||
&:hover {
|
||||
background: none;
|
||||
cursor: auto;
|
||||
}
|
||||
|
||||
div.spr_edit{
|
||||
padding-top: 2px;
|
||||
margin-top: 5px;
|
||||
margin-right: 30px;
|
||||
}
|
||||
}
|
||||
li.drop {
|
||||
height: 6px;
|
||||
margin: 2px 0px 2px 50px;
|
||||
margin: 0px 0 0px 40px;
|
||||
padding: 2px 0px 2px 10px;
|
||||
border-left: 2.5px solid transparent;
|
||||
span.pb_on {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
height: 10px;
|
||||
background: url('../../../admin/survey/img_0/sprites_pb.png') no-repeat 0px 0px;
|
||||
text-align: right;
|
||||
font-size: 10px;
|
||||
color: $gray;
|
||||
}
|
||||
span.pb_off {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
height: 10px;
|
||||
}
|
||||
span.pb_new {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
height: 10px;
|
||||
}
|
||||
&:hover {
|
||||
span.pb_on {
|
||||
background: url('../../../admin/survey/img_0/sprites_pb.png') no-repeat 0px -62px;
|
||||
cursor: pointer;
|
||||
}
|
||||
span.pb_new {
|
||||
background: url('../../../admin/survey/img_0/sprites_pb.png') no-repeat 0px -31px;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
li.nodrop {
|
||||
height: 6px;
|
||||
margin: 2px 0px 2px 50px;
|
||||
margin: 0px 0 0px 40px;
|
||||
padding: 2px 0px 2px 0px;
|
||||
border-left: 2.5px solid transparent;
|
||||
span.pb_on {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
height: 10px;
|
||||
background: url('../../../admin/survey/img_0/sprites_pb.png') no-repeat 0px 0px;
|
||||
text-align: right;
|
||||
font-size: 10px;
|
||||
color: $gray;
|
||||
}
|
||||
span.pb_off {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
height: 10px;
|
||||
}
|
||||
span.pb_new {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
height: 10px;
|
||||
}
|
||||
&:hover {
|
||||
span.pb_on {
|
||||
background: url('../../../admin/survey/img_0/sprites_pb.png') no-repeat 0px -62px;
|
||||
cursor: pointer;
|
||||
}
|
||||
span.pb_new {
|
||||
background: url('../../../admin/survey/img_0/sprites_pb.png') no-repeat 0px -31px;
|
||||
cursor: pointer;
|
||||
}
|
||||
span.permanent {
|
||||
background: url('../../../admin/survey/img_0/sprites_pb.png') no-repeat 0px 0px;
|
||||
cursor: default;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.if_remove {
|
||||
padding-top: 0px;
|
||||
margin-top: 3px;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,509 @@
|
||||
/*
|
||||
To change this license header, choose License Headers in Project Properties.
|
||||
To change this template file, choose Tools | Templates
|
||||
and open the template in the editor.
|
||||
*/
|
||||
/*
|
||||
Created on : 07-Aug-2018, 09:43:11
|
||||
Author : podkrizniku
|
||||
*/
|
||||
|
||||
$loop_background: #eef9ff;
|
||||
$block_background: #f1f1ff;
|
||||
$if_background: $blue;
|
||||
|
||||
#placeholder{
|
||||
display: flex;
|
||||
|
||||
width: 98%;
|
||||
max-width: 1450px;
|
||||
|
||||
margin: 5px 0 0 30px;
|
||||
}
|
||||
|
||||
#branching {
|
||||
min-height: 400px;
|
||||
width: calc(96% - 315px);
|
||||
margin: 0;
|
||||
|
||||
background-color: white;
|
||||
|
||||
ul {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
li {
|
||||
list-style: none;
|
||||
div.if_remove {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
li.spr {
|
||||
margin-left: 40px;
|
||||
position: relative;
|
||||
border-left: 2.5px solid transparent;
|
||||
div.spr_edit {
|
||||
display: none;
|
||||
}
|
||||
&:hover {
|
||||
div.spr_edit {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
li.if {
|
||||
margin-left: 40px;
|
||||
position: relative;
|
||||
border-left: 2.5px solid transparent;
|
||||
&:hover {
|
||||
span.conditions_display {
|
||||
background-color: $if_background;
|
||||
cursor: pointer;
|
||||
}
|
||||
div.if_remove {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
li.block {
|
||||
margin-left: 40px;
|
||||
position: relative;
|
||||
border-left: 2.5px solid transparent;
|
||||
&:hover {
|
||||
span.conditions_display {
|
||||
background-color: $block_background;
|
||||
cursor: pointer;
|
||||
}
|
||||
div.if_remove {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
li.loop {
|
||||
margin-left: 40px;
|
||||
position: relative;
|
||||
border-left: 2.5px solid transparent;
|
||||
&:hover {
|
||||
span.conditions_display {
|
||||
background-color: $loop_background;
|
||||
cursor: pointer;
|
||||
}
|
||||
div.if_remove {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
li.endif {
|
||||
margin-left: 40px;
|
||||
position: relative;
|
||||
border-left: 2.5px solid transparent;
|
||||
&:hover {
|
||||
background-color: $if_background;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
li.endblock {
|
||||
margin-left: 40px;
|
||||
position: relative;
|
||||
border-left: 2.5px solid transparent;
|
||||
&:hover {
|
||||
background-color: $block_background;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
li.endloop {
|
||||
margin-left: 40px;
|
||||
position: relative;
|
||||
border-left: 2.5px solid transparent;
|
||||
&:hover {
|
||||
background-color: $loop_background;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
li.inout {
|
||||
margin-left: 40px;
|
||||
position: relative;
|
||||
border-left: 2.5px solid transparent;
|
||||
&:hover {
|
||||
background-color: $block_background;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
li.if.if_editing {
|
||||
border-color: $blue;
|
||||
background-color: $if_background;
|
||||
div.if_remove {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
li.block.if_editing {
|
||||
border-color: $blue;
|
||||
background-color: $block_background;
|
||||
div.if_remove {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
li.loop.if_editing {
|
||||
border-color: $blue;
|
||||
background-color: $loop_background;
|
||||
div.if_remove {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
ul.if_editing {
|
||||
li.spr {
|
||||
border-color: $blue;
|
||||
}
|
||||
li.if {
|
||||
border-color: $blue;
|
||||
}
|
||||
li.block {
|
||||
border-color: $blue;
|
||||
}
|
||||
li.loop {
|
||||
border-color: $blue;
|
||||
}
|
||||
li.endif {
|
||||
border-color: $blue;
|
||||
}
|
||||
li.endblock {
|
||||
border-color: $blue;
|
||||
}
|
||||
li.endloop {
|
||||
border-color: $blue;
|
||||
}
|
||||
li.inout {
|
||||
border-color: $blue;
|
||||
}
|
||||
li.drop {
|
||||
border-color: $blue;
|
||||
}
|
||||
li.nodrop {
|
||||
border-color: $blue;
|
||||
}
|
||||
}
|
||||
li.if.if_hovering {
|
||||
border-color: $blue;
|
||||
background-color: $if_background;
|
||||
}
|
||||
li.block.if_hovering {
|
||||
border-color: $blue;
|
||||
background-color: $block_background;
|
||||
}
|
||||
li.loop.if_hovering {
|
||||
border-color: $blue;
|
||||
background-color: $loop_background;
|
||||
}
|
||||
ul.if_hovering {
|
||||
li.spr {
|
||||
border-color: $blue;
|
||||
}
|
||||
li.if {
|
||||
border-color: $blue;
|
||||
}
|
||||
li.block {
|
||||
border-color: $blue;
|
||||
}
|
||||
li.loop {
|
||||
border-color: $blue;
|
||||
}
|
||||
li.endif {
|
||||
border-color: $blue;
|
||||
}
|
||||
li.endblock {
|
||||
border-color: $blue;
|
||||
}
|
||||
li.endloop {
|
||||
border-color: $blue;
|
||||
}
|
||||
li.inout {
|
||||
border-color: $blue;
|
||||
}
|
||||
li.drop {
|
||||
border-color: $blue;
|
||||
}
|
||||
li.nodrop {
|
||||
border-color: $blue;
|
||||
}
|
||||
li.endloop {
|
||||
background-color: $loop_background;
|
||||
}
|
||||
li.endblock {
|
||||
background-color: $block_background;
|
||||
}
|
||||
li.endif {
|
||||
background-color: $if_background;
|
||||
}
|
||||
}
|
||||
li.spr.ui-draggable-dragging {
|
||||
z-index: 99999;
|
||||
}
|
||||
div.spr_edit {
|
||||
cursor: pointer;
|
||||
color: $gray;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
height: 26px;
|
||||
a.arhiv {
|
||||
background-position: -16px -30px;
|
||||
}
|
||||
a {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
margin-left: 9px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
span.scale_ordnom {
|
||||
vertical-align: 2px;
|
||||
margin-right: 20px;
|
||||
color: $blue;
|
||||
a {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
height: 20px;
|
||||
width: auto;
|
||||
margin: 0;
|
||||
background-image: none;
|
||||
color: $blue;
|
||||
&:hover {
|
||||
color: $yellow;
|
||||
}
|
||||
}
|
||||
}
|
||||
a.hide {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
margin-right: 5px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
}
|
||||
li.spr.spr_editing {
|
||||
div.spr_edit {
|
||||
display: block;
|
||||
padding-top: 9px;
|
||||
}
|
||||
}
|
||||
li.drop.branchinghover {
|
||||
background-color: $yellow !important;
|
||||
a {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
li.nodrop.branchinghover {
|
||||
background-color: $yellow !important;
|
||||
a {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
a.pm {
|
||||
position: absolute;
|
||||
left: auto;
|
||||
float: none;
|
||||
margin: 9px 0 0 -15px;
|
||||
cursor: pointer;
|
||||
}
|
||||
a.pm.minus {
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
.spr_editing {
|
||||
|
||||
.spremenljivka_content {
|
||||
background-color: white;
|
||||
border: 1px solid transparent;
|
||||
|
||||
.spremenljivka_settings {
|
||||
background-color: $yellow !important;
|
||||
border: 1px solid $yellow;
|
||||
|
||||
.spr_settings{
|
||||
span.red {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
#spr_settings_intro_concl{
|
||||
div.red{
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
.content_div_normalmode{
|
||||
border: 1px solid $yellow;
|
||||
}
|
||||
.comment_container_inline {
|
||||
border-top: none;
|
||||
border-left: 1px solid $blue;
|
||||
border-right: 1px solid $blue;
|
||||
border-bottom: 1px solid $blue;
|
||||
}
|
||||
.spremenljivka_tekst_form {
|
||||
border: 1px solid $yellow;
|
||||
}
|
||||
}
|
||||
.variable_name {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
.variable_name {
|
||||
cursor: move;
|
||||
}
|
||||
div.if_remove {
|
||||
a {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
margin-left: 9px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
/*background-image: url(../../../admin/survey/img_new/sprites.png);
|
||||
background-repeat: no-repeat;*/
|
||||
}
|
||||
padding-top: 0px;
|
||||
margin-top: 4px;
|
||||
}
|
||||
li.spr_editing {
|
||||
div.spr_edit {
|
||||
span.scale_ordnom {
|
||||
color: white;
|
||||
a {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
a.faicon{
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
#branching.expanded {
|
||||
li.spr {
|
||||
padding-top: 1px;
|
||||
padding-bottom: 1px;
|
||||
}
|
||||
li.if {
|
||||
padding-top: 1px;
|
||||
padding-bottom: 1px;
|
||||
}
|
||||
li.block {
|
||||
padding-top: 1px;
|
||||
padding-bottom: 1px;
|
||||
}
|
||||
li.loop {
|
||||
padding-top: 1px;
|
||||
padding-bottom: 1px;
|
||||
}
|
||||
li.drop {
|
||||
min-height: 16px;
|
||||
margin: 2px 0 2px 50px;
|
||||
margin: 0px 0 0px 40px;
|
||||
padding: 2px 0px 2px 10px;
|
||||
//border-left: 2px solid transparent;
|
||||
span.pb_on {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
height: 16px;
|
||||
background: url('../../../admin/survey/img_0/sprites_pb_expanded.png') no-repeat 100px 10px;
|
||||
color: $gray;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
margin-top: 0;
|
||||
}
|
||||
span.pb_off {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
height: 16px;
|
||||
}
|
||||
span.pb_new {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
height: 16px;
|
||||
}
|
||||
&:hover {
|
||||
span.pb_on {
|
||||
background: url('../../../admin/survey/img_0/sprites_pb_expanded.png') no-repeat 100px -52px;
|
||||
cursor: pointer;
|
||||
}
|
||||
span.pb_new {
|
||||
background: url('../../../admin/survey/img_0/sprites_pb_expanded.png') no-repeat 0px -23px;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
li.nodrop {
|
||||
min-height: 16px;
|
||||
margin: 2px 0 2px 50px;
|
||||
margin: 0px 0 0px 40px;
|
||||
padding: 2px 0px 2px 0px;
|
||||
border-left: 2.5px solid transparent;
|
||||
span.pb_on {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
height: 16px;
|
||||
background: url('../../../admin/survey/img_0/sprites_pb_expanded.png') no-repeat 100px 10px;
|
||||
color: $gray;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
margin-top: 0;
|
||||
}
|
||||
span.pb_off {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
height: 16px;
|
||||
}
|
||||
span.pb_new {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
height: 16px;
|
||||
}
|
||||
&:hover {
|
||||
span.pb_on {
|
||||
background: url('../../../admin/survey/img_0/sprites_pb_expanded.png') no-repeat 100px -52px;
|
||||
cursor: pointer;
|
||||
}
|
||||
span.pb_new {
|
||||
background: url('../../../admin/survey/img_0/sprites_pb_expanded.png') no-repeat 0px -23px;
|
||||
cursor: pointer;
|
||||
}
|
||||
span.permanent {
|
||||
background: url('../../../admin/survey/img_0/sprites_pb_expanded.png') no-repeat 100px 10px;
|
||||
cursor: default;
|
||||
}
|
||||
}
|
||||
}
|
||||
span.pb_on {
|
||||
span {
|
||||
background-color: white;
|
||||
padding-right: 20px;
|
||||
pointer-events: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
.branchinghover {
|
||||
background: url('../../../admin/survey/img_0/hover_background.png') repeat-x top left !important;
|
||||
}
|
||||
.blockSwitch {
|
||||
position: relative;
|
||||
margin: 10px auto 0;
|
||||
text-align: center;
|
||||
p {
|
||||
display: inline;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
#spremenljivka_content_-1 {
|
||||
position: relative;
|
||||
span.display_editor {
|
||||
top: 40px;
|
||||
}
|
||||
}
|
||||
#spremenljivka_content_-2 {
|
||||
position: relative;
|
||||
span.display_editor {
|
||||
top: 40px;
|
||||
}
|
||||
}
|
||||
205
resources/sass/admin_new/pages/survey_edit/conditions.scss
Normal file
205
resources/sass/admin_new/pages/survey_edit/conditions.scss
Normal file
@ -0,0 +1,205 @@
|
||||
/*
|
||||
To change this license header, choose License Headers in Project Properties.
|
||||
To change this template file, choose Tools | Templates
|
||||
and open the template in the editor.
|
||||
*/
|
||||
/*
|
||||
Created on : 13-Aug-2018, 12:32:48
|
||||
Author : podkrizniku
|
||||
*/
|
||||
|
||||
.endif_editing {
|
||||
background-color: $blue;
|
||||
}
|
||||
li.if_editing {
|
||||
div.if_content {
|
||||
&:before {
|
||||
background-color: $if_background;
|
||||
content: "";
|
||||
display: block;
|
||||
height: 15px;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
z-index: -1;
|
||||
}
|
||||
}
|
||||
}
|
||||
span.conditions_display {
|
||||
display: block;
|
||||
line-height: 28px;
|
||||
}
|
||||
/*if condition variable select*/
|
||||
select.spremenljivka_select {
|
||||
option {
|
||||
max-width: 500px;
|
||||
}
|
||||
}
|
||||
.condition {
|
||||
position: relative;
|
||||
left: -21px;
|
||||
}
|
||||
span.endif {
|
||||
position: relative;
|
||||
left: -29px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.block {
|
||||
>div {
|
||||
>#div_condition_editing_container {
|
||||
background-color: $block_background;
|
||||
line-height: 28px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.loop {
|
||||
>div {
|
||||
>#div_condition_editing_container {
|
||||
padding-top: 6px;
|
||||
}
|
||||
}
|
||||
}
|
||||
#div_condition_editing_inner {
|
||||
>.condition_editing_preview {
|
||||
background-color: $blue;
|
||||
padding-left: 6px;
|
||||
}
|
||||
|
||||
.condition_editing_body{
|
||||
max-height: 50vh;
|
||||
overflow-y: auto;
|
||||
|
||||
margin: 20px 0;
|
||||
padding: 10px 5px 5px 5px;
|
||||
|
||||
border: 1px $gray solid;
|
||||
|
||||
.tbl_condition_editing{
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
#div_condition_editing_operators {
|
||||
padding: 5px 0;
|
||||
}
|
||||
#div_condition_editing {
|
||||
display: none;
|
||||
|
||||
height: auto;
|
||||
width: 800px;
|
||||
|
||||
div#div_condition_editing_container {
|
||||
margin-bottom: 44px;
|
||||
}
|
||||
.error_display {
|
||||
background-color: transparent;
|
||||
}
|
||||
.condition_editing_vrednost_title {
|
||||
margin: -5px 0 15px 5px;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
#div_condition_editing_float {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: -335px;
|
||||
|
||||
width: 290px;
|
||||
padding: 0 10px 15px 10px;
|
||||
|
||||
background-color: white;
|
||||
|
||||
border: 1px solid $blue;
|
||||
|
||||
h2 {
|
||||
margin-top: 0;
|
||||
padding: 10px;
|
||||
border-bottom: 0;
|
||||
margin: 0 -10px 0 -10px;
|
||||
background-color: $blue;
|
||||
}
|
||||
p {
|
||||
padding: 3px;
|
||||
margin: 10px 0;
|
||||
}
|
||||
p.heading {
|
||||
border: 0;
|
||||
background: none;
|
||||
padding: 0;
|
||||
}
|
||||
span.content {
|
||||
float: right;
|
||||
}
|
||||
fieldset {
|
||||
margin: 11px 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
border-top: 1px solid $blue;
|
||||
}
|
||||
legend {
|
||||
background-color: transparent;
|
||||
color: $blue;
|
||||
font-weight: 500;
|
||||
margin: 0;
|
||||
padding: 0 10px 0 5px;
|
||||
}
|
||||
}
|
||||
.error_display {
|
||||
display: block;
|
||||
line-height: 24px;
|
||||
}
|
||||
.tbl_ce_bck_blue {
|
||||
background-color: $blue;
|
||||
}
|
||||
.tbl_ce_lol {
|
||||
border-top: 1px solid $gray;
|
||||
border-bottom: 1px solid $gray;
|
||||
border-left: 1px solid $gray;
|
||||
}
|
||||
.tbl_ce_tb {
|
||||
border-top: 1px solid $gray;
|
||||
border-bottom: 1px solid $gray;
|
||||
}
|
||||
.tbl_ce_lor {
|
||||
border-top: 1px solid $gray;
|
||||
border-bottom: 1px solid $gray;
|
||||
border-right: 1px solid $gray;
|
||||
}
|
||||
.if_remove {
|
||||
z-index: 5;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
margin-right: 20px;
|
||||
padding-top: 9px;
|
||||
}
|
||||
.endif {
|
||||
a.surveycomment {
|
||||
padding-right: 15px;
|
||||
font-size: 10px;
|
||||
}
|
||||
}
|
||||
.endblock {
|
||||
a.surveycomment {
|
||||
padding-right: 15px;
|
||||
font-size: 10px;
|
||||
}
|
||||
}
|
||||
#condition_editing_bottom_placeholder {
|
||||
display: block;
|
||||
height: 1px;
|
||||
margin-bottom: 15px;
|
||||
border-top: 1px solid $blue;
|
||||
}
|
||||
.tbl_condition_editing {
|
||||
width: 98%;
|
||||
border-spacing: 0px;
|
||||
margin: 0px 1% 0px 1%;
|
||||
border-collapse: collapse;
|
||||
th {
|
||||
color: $gray;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
69
resources/sass/admin_new/pages/survey_edit/form.scss
Normal file
69
resources/sass/admin_new/pages/survey_edit/form.scss
Normal file
@ -0,0 +1,69 @@
|
||||
/*
|
||||
To change this license header, choose License Headers in Project Properties.
|
||||
To change this template file, choose Tools | Templates
|
||||
and open the template in the editor.
|
||||
*/
|
||||
/*
|
||||
Created on : 03-Aug-2018, 13:34:26
|
||||
Author : podkrizniku
|
||||
*/
|
||||
|
||||
#branching.expanded.branching_forma {
|
||||
ul.first {
|
||||
li.empty_vrivanje {
|
||||
margin-top: -45px !important;
|
||||
}
|
||||
margin-top: 59px !important;
|
||||
}
|
||||
}
|
||||
#branching.collapsed.branching_forma {
|
||||
ul.first {
|
||||
margin-top: 66px !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
#anketa_edit.forma {
|
||||
|
||||
#quick_settings_holder{
|
||||
position: absolute;
|
||||
right: 5%;
|
||||
top: 235px;
|
||||
height: auto;
|
||||
width: 310px;
|
||||
border: 0;
|
||||
background-color: transparent;
|
||||
|
||||
#quick_settings{
|
||||
padding: 5px 15px;
|
||||
width: 315px;
|
||||
box-sizing: border-box;
|
||||
float: right;
|
||||
|
||||
background-color: $blue;
|
||||
border: 1px solid $blue;
|
||||
|
||||
fieldset {
|
||||
border: 1px $gray solid;
|
||||
}
|
||||
|
||||
.form_bottom_settings {
|
||||
margin: 0 8px 10px 8px;
|
||||
padding: 0 0 5px 10px;
|
||||
background-color: inherit;
|
||||
}
|
||||
|
||||
#form_settings_obvescanje {
|
||||
padding: 1px 0 10px 10px;
|
||||
textarea#alert_finish_other_emails {
|
||||
&:focus {
|
||||
padding: 2px;
|
||||
border: 0;
|
||||
background-color: $yellow;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
238
resources/sass/admin_new/pages/survey_edit/library.scss
Normal file
238
resources/sass/admin_new/pages/survey_edit/library.scss
Normal file
@ -0,0 +1,238 @@
|
||||
/*
|
||||
To change this license header, choose License Headers in Project Properties.
|
||||
To change this template file, choose Tools | Templates
|
||||
and open the template in the editor.
|
||||
*/
|
||||
/*
|
||||
Created on : 20-Aug-2018, 11:24:57
|
||||
Author : podkrizniku
|
||||
*/
|
||||
|
||||
#toolbox_library {
|
||||
z-index: 0;
|
||||
position: fixed;
|
||||
top: 225px;
|
||||
left: 35px;
|
||||
|
||||
width: 315px;
|
||||
height: auto;
|
||||
left: auto;
|
||||
right: 30px;
|
||||
|
||||
color: $blue;
|
||||
|
||||
background-color: white;
|
||||
border: 0;
|
||||
box-shadow: 0 0 31px 0 rgba(0, 0, 0, 0.07);
|
||||
|
||||
#library_holder {
|
||||
background-color: $blue;
|
||||
border: 1px $blue solid;
|
||||
|
||||
#library_title {
|
||||
padding: 10px;
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
span.library {
|
||||
margin: 0 5px 2px 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
p.display_tabs {
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
&> span{
|
||||
width: 50%;
|
||||
box-sizing: border-box;
|
||||
display: inline-block;
|
||||
|
||||
padding: 7px 10px;
|
||||
|
||||
text-align: center;
|
||||
|
||||
transition: 0.2s;
|
||||
}
|
||||
|
||||
span.highlightTabBlackLeft {
|
||||
background-color: white;
|
||||
|
||||
a {
|
||||
color: $blue;
|
||||
}
|
||||
}
|
||||
|
||||
span.highlightTabBlackRight {
|
||||
background-color: white;
|
||||
|
||||
a {
|
||||
color: $blue;
|
||||
}
|
||||
}
|
||||
|
||||
span.nohighlight:hover{
|
||||
background-color: lighten($blue, 3%);
|
||||
}
|
||||
|
||||
a {
|
||||
display: block;
|
||||
color: $blue;
|
||||
}
|
||||
}
|
||||
|
||||
#library {
|
||||
background-color: white;
|
||||
height: 400px;
|
||||
overflow-y: auto;
|
||||
|
||||
#libraryInner {
|
||||
padding: 5px 10px;
|
||||
bottom: 0;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.lib_tab {
|
||||
width: auto;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
margin-top: 4px;
|
||||
padding-left: 18px;
|
||||
}
|
||||
li {
|
||||
.anketa.tip0 {
|
||||
margin: 0;
|
||||
padding-left: 14px;
|
||||
}
|
||||
.anketa.tip1 {
|
||||
margin: 0;
|
||||
margin-left: -3px;
|
||||
}
|
||||
}
|
||||
.new_folder {
|
||||
visibility: hidden;
|
||||
}
|
||||
.delete_folder {
|
||||
visibility: hidden;
|
||||
}
|
||||
span.folderdrop {
|
||||
margin-bottom: 2px;
|
||||
|
||||
&:hover {
|
||||
.new_folder {
|
||||
visibility: visible;
|
||||
}
|
||||
.delete_folder {
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
span.faicon.folder{
|
||||
vertical-align: 3px;
|
||||
margin-right: 3px;
|
||||
|
||||
&::before{
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.tip0 {
|
||||
.folder_container {
|
||||
display: block;
|
||||
height: auto;
|
||||
overflow: hidden;
|
||||
padding: 1px 3px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Ankete */
|
||||
.tip1 {
|
||||
padding-left: 10px;
|
||||
|
||||
.folder_container {
|
||||
display: block;
|
||||
overflow: show;
|
||||
|
||||
height: auto;
|
||||
min-height: 20px;
|
||||
padding: 0px 3px;
|
||||
}
|
||||
|
||||
.mapca{
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.new_spr{
|
||||
padding: 0 3px;
|
||||
|
||||
&:hover{
|
||||
background-color: darken($blue, 3%);
|
||||
}
|
||||
|
||||
.faicon{
|
||||
line-height: 22px;
|
||||
}
|
||||
}
|
||||
|
||||
.faicon.plus,
|
||||
.faicon.minus{
|
||||
opacity: 1 !important;
|
||||
margin-right: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
div {
|
||||
.folder_right {
|
||||
width: 15px;
|
||||
height: 22px;
|
||||
line-height: 22px;
|
||||
float: right;
|
||||
text-align: left;
|
||||
}
|
||||
.tip1 {
|
||||
.folder_right {
|
||||
width: 18px;
|
||||
}
|
||||
}
|
||||
.folder_container {
|
||||
&:hover {
|
||||
background-color: $blue;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
div.folder_left {
|
||||
width: 80%;
|
||||
float: none;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
position: relative;
|
||||
}
|
||||
div.folder_left.indent {
|
||||
display: block;
|
||||
height: 22px;
|
||||
line-height: 22px;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
position: relative;
|
||||
}
|
||||
.folder {
|
||||
strong {
|
||||
&:hover {
|
||||
background-color: transparent;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
256
resources/sass/admin_new/pages/survey_edit/other.scss
Normal file
256
resources/sass/admin_new/pages/survey_edit/other.scss
Normal file
@ -0,0 +1,256 @@
|
||||
/*
|
||||
To change this license header, choose License Headers in Project Properties.
|
||||
To change this template file, choose Tools | Templates
|
||||
and open the template in the editor.
|
||||
*/
|
||||
/*
|
||||
Created on : 03-Aug-2018, 13:12:19
|
||||
Author : podkrizniku
|
||||
*/
|
||||
|
||||
/* Okno za drop vprasanja, ko je anketa prazna */
|
||||
.empty_vrivanje {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
|
||||
margin: 20px 0px 20px 45px !important;
|
||||
padding: 60px 0 !important;
|
||||
|
||||
text-align: center;
|
||||
font-weight: 600;
|
||||
|
||||
border: 1px solid $blue;
|
||||
|
||||
.empty_vrivanje_title {
|
||||
margin: 0 auto;
|
||||
padding: 8px 20px;
|
||||
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
color: $blue;
|
||||
|
||||
background-color: $blue;
|
||||
border: 1px solid $blue;
|
||||
}
|
||||
|
||||
.empty_vrivanje_subtitle{
|
||||
margin: 15px auto 0 auto;
|
||||
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
|
||||
a{
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
}
|
||||
.empty_vrivanje.branchinghover {
|
||||
color: white;
|
||||
|
||||
background: 0 !important;
|
||||
background-color: $yellow;
|
||||
|
||||
a{
|
||||
display: inline !important;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.empty_vrivanje_title{
|
||||
color: white;
|
||||
|
||||
background-color: $yellow;
|
||||
border-color: white;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.editmenu {
|
||||
float: right;
|
||||
margin: 2px 0px 0px 0px;
|
||||
padding: 2px;
|
||||
padding-right: 10px;
|
||||
border: 0;
|
||||
position: static;
|
||||
}
|
||||
.extra_opt {
|
||||
margin-right: 10px;
|
||||
a {
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
}
|
||||
.intro_concl {
|
||||
float: left;
|
||||
font-size: 12px;
|
||||
color: $gray;
|
||||
padding: 4px;
|
||||
}
|
||||
.save_button {
|
||||
float: right;
|
||||
margin: 10px 0px;
|
||||
padding-right: 10px;
|
||||
z-index: 50;
|
||||
}
|
||||
|
||||
|
||||
li.spr {
|
||||
div.edit_mode {
|
||||
display: none;
|
||||
}
|
||||
div.preview_mode {
|
||||
display: block;
|
||||
}
|
||||
thead.edit_mode {
|
||||
display: none;
|
||||
}
|
||||
.editingOnly {
|
||||
visibility: hidden;
|
||||
}
|
||||
span.inline_other {
|
||||
display: none;
|
||||
}
|
||||
#variabla_new {
|
||||
span.inline_other {
|
||||
display: inline;
|
||||
margin: 0 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
div[contenteditable][default="1"][vre_id="new"] {
|
||||
color: $gray;
|
||||
}
|
||||
div.stolpci {
|
||||
float: left;
|
||||
span.inline_delete {
|
||||
display: none;
|
||||
}
|
||||
span.inline_edit {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
div#variabla_new {
|
||||
span.inline_move {
|
||||
visibility: hidden;
|
||||
}
|
||||
span.inline_edit {
|
||||
visibility: hidden;
|
||||
}
|
||||
span.inline_delete {
|
||||
visibility: hidden;
|
||||
}
|
||||
span.inline_if_follow {
|
||||
visibility: hidden;
|
||||
}
|
||||
span.inline_if_not {
|
||||
visibility: hidden;
|
||||
}
|
||||
span.inline_hidden {
|
||||
visibility: hidden;
|
||||
}
|
||||
span.correct {
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
.show-hidden {
|
||||
visibility: visible !important;
|
||||
}
|
||||
.show-disable {
|
||||
visibility: visible !important;
|
||||
}
|
||||
.show-correct {
|
||||
visibility: visible !important;
|
||||
color: #1e88e5 !important;
|
||||
}
|
||||
.show-correct:before{
|
||||
visibility: visible !important;
|
||||
color: #33cc33 !important;
|
||||
}
|
||||
#vprasanje {
|
||||
display: none;
|
||||
position: fixed;
|
||||
top: 5%;
|
||||
bottom: 5%;
|
||||
right: 3%;
|
||||
width: 80%;
|
||||
z-index: 80;
|
||||
padding: 10px;
|
||||
}
|
||||
.branch {
|
||||
margin: 0px 0px 0px 0px;
|
||||
padding: 0px 0px 0px 0px;
|
||||
}
|
||||
#div_status_values {
|
||||
display: none;
|
||||
position: fixed;
|
||||
z-index: 90;
|
||||
top: 20px;
|
||||
right: 30px;
|
||||
width: 720px;
|
||||
padding: 10px;
|
||||
border: 1px solid $red;
|
||||
background-color: $gray;
|
||||
fieldset {
|
||||
border: 0;
|
||||
border-top: 1px solid $blue;
|
||||
}
|
||||
legend {
|
||||
background-color: $blue;
|
||||
}
|
||||
}
|
||||
._branch {
|
||||
padding: 0px !important;
|
||||
margin: 0px !important;
|
||||
}
|
||||
/*question 5_2 - chat*/
|
||||
.tawk-chat-activation.button {
|
||||
margin: 8px 10px;
|
||||
padding: 6px 8px;
|
||||
float: left;
|
||||
color: white;
|
||||
font-size: 13px;
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
background-color: $blue;
|
||||
border: 1px solid $blue;
|
||||
border-radius: 4px;
|
||||
&:hover {
|
||||
background-color: $yellow;
|
||||
border: 1px solid $yellow;
|
||||
}
|
||||
}
|
||||
/*bottom links*/
|
||||
.forma_bottom {
|
||||
box-sizing: border-box;
|
||||
|
||||
width: 100%;
|
||||
height: 30px;
|
||||
padding: 40px 10px 20px 45px;
|
||||
|
||||
font-size: 12px;
|
||||
}
|
||||
.forma_bottom_inner {
|
||||
display: inline-block;
|
||||
}
|
||||
.forma_bottom_inner.changes {
|
||||
float: left;
|
||||
width: 220px;
|
||||
table {
|
||||
tr {
|
||||
td {
|
||||
padding: 0 5px 0 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.forma_bottom_inner.links {
|
||||
float: right;
|
||||
font-size: 12px;
|
||||
a {
|
||||
padding-left: 25px;
|
||||
}
|
||||
}
|
||||
.kviz-editing-correct::before {
|
||||
color: #33cc33 !important;
|
||||
}
|
||||
@ -0,0 +1,226 @@
|
||||
/*
|
||||
To change this license header, choose License Headers in Project Properties.
|
||||
To change this template file, choose Tools | Templates
|
||||
and open the template in the editor.
|
||||
*/
|
||||
/*
|
||||
Created on : 02-Aug-2018, 13:40:52
|
||||
Author : podkrizniku
|
||||
*/
|
||||
|
||||
.texteditor {
|
||||
width: 98% !important;
|
||||
height: 50px;
|
||||
margin-top: 0;
|
||||
border: 1px solid #cccccc;
|
||||
}
|
||||
.texteditor.info {
|
||||
height: 14px;
|
||||
line-height: 14px;
|
||||
width: 100%;
|
||||
}
|
||||
#vprasanje_edit {
|
||||
margin: 0px 0px;
|
||||
position: relative;
|
||||
top: -54px;
|
||||
|
||||
background-color: white;
|
||||
|
||||
h2 {
|
||||
span.content {
|
||||
position: absolute;
|
||||
font-weight: normal;
|
||||
right: 10px;
|
||||
top: 10px;
|
||||
}
|
||||
padding: 10px;
|
||||
border: 1px solid $blue;
|
||||
border-bottom: 0;
|
||||
margin: 15px -11px 42px -11px;
|
||||
background-color: $blue;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
margin: 20px 0 20px 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
border-top: 1px solid $blue;
|
||||
}
|
||||
legend {
|
||||
background-color: transparent;
|
||||
color: $blue;
|
||||
font-weight: 500;
|
||||
margin: 0;
|
||||
padding: 0 10px 0 5px;
|
||||
}
|
||||
|
||||
.jquery-selectbox {
|
||||
background-color: white;
|
||||
}
|
||||
form[name=vprasanje_edit] {
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
p {
|
||||
padding: 1px 3px;
|
||||
line-height: 18px;
|
||||
|
||||
input[type=radio] {
|
||||
vertical-align: middle;
|
||||
margin: 0px 3px 0px 10px;
|
||||
}
|
||||
|
||||
label.title {
|
||||
cursor: pointer;
|
||||
max-width: 270px;
|
||||
}
|
||||
|
||||
span.content {
|
||||
float: right;
|
||||
display: inline-block;
|
||||
select {
|
||||
margin-top: -4px;
|
||||
}
|
||||
select.no-margin {
|
||||
margin-top: 0;
|
||||
}
|
||||
input[type=checkbox] {
|
||||
vertical-align: middle;
|
||||
margin: 0px 3px 0px 3px;
|
||||
}
|
||||
}
|
||||
}
|
||||
div {
|
||||
padding: -10px;
|
||||
}
|
||||
p.heading {
|
||||
border: 0;
|
||||
background: none;
|
||||
padding: 0;
|
||||
margin-bottom: -7px;
|
||||
margin-top: -2px;
|
||||
}
|
||||
|
||||
textarea[name=naslov] {
|
||||
width: 99%;
|
||||
height: 60px;
|
||||
}
|
||||
textarea[name=introduction] {
|
||||
width: 99%;
|
||||
height: 60px;
|
||||
}
|
||||
textarea[name=conclusion] {
|
||||
width: 99%;
|
||||
height: 60px;
|
||||
}
|
||||
textarea[name=statistics] {
|
||||
width: 99%;
|
||||
height: 60px;
|
||||
}
|
||||
textarea[name=info] {
|
||||
width: 98%;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
li {
|
||||
textarea {
|
||||
height: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
span#vprasanje_edit_mv {
|
||||
select {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
#vprasanje_buttons {
|
||||
position: absolute;
|
||||
bottom: 15px;
|
||||
}
|
||||
#vprasanje_tabs {
|
||||
select {
|
||||
float: right;
|
||||
margin: 5px 10px 0 0;
|
||||
width: 100px;
|
||||
}
|
||||
margin-top: -1px;
|
||||
position: absolute;
|
||||
background-color: $blue;
|
||||
width: 100%;
|
||||
z-index: 100;
|
||||
a.tab_link {
|
||||
float: left;
|
||||
display: block;
|
||||
height: 19px;
|
||||
padding: 7px 4px;
|
||||
margin: 0 1px 0 0;
|
||||
font-size: 12px;
|
||||
border-bottom: 1px solid $blue;
|
||||
color: $gray;
|
||||
background-color: $blue;
|
||||
}
|
||||
a.tab_link.active {
|
||||
border-bottom: 1px solid white;
|
||||
margin: 0 1px 0 0;
|
||||
color: $gray;
|
||||
background-color: white;
|
||||
}
|
||||
.tab_link_tracking {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: -59px;
|
||||
width: 30px;
|
||||
a.tab_link {
|
||||
background-color: white;
|
||||
color: $blue;
|
||||
padding: 0;
|
||||
}
|
||||
a.tab_link.active {
|
||||
background-color: white;
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
#vrednost_edit {
|
||||
@include popup_general();
|
||||
|
||||
display: none;
|
||||
|
||||
z-index: 89;
|
||||
min-height: 130px;
|
||||
width: 600px;
|
||||
|
||||
p {
|
||||
padding: 1px 3px;
|
||||
}
|
||||
div {
|
||||
padding: -10px;
|
||||
}
|
||||
textarea[name=naslov] {
|
||||
width: 99%;
|
||||
height: 60px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
#vprasanje_float_editing {
|
||||
display: none;
|
||||
position: relative;
|
||||
z-index: 70;
|
||||
align-self: flex-start;
|
||||
|
||||
width: 315px;
|
||||
margin-left: 20px;
|
||||
|
||||
border: 1px solid $blue;
|
||||
background-color: white;
|
||||
box-shadow: 0 0 31px 0 rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
|
||||
#vprasanje_edit_bottom_placeholder {
|
||||
display: block;
|
||||
height: 1px;
|
||||
margin: 0 10px;
|
||||
border-top: 1px solid $blue;
|
||||
}
|
||||
@ -0,0 +1,38 @@
|
||||
/*
|
||||
To change this license header, choose License Headers in Project Properties.
|
||||
To change this template file, choose Tools | Templates
|
||||
and open the template in the editor.
|
||||
*/
|
||||
/*
|
||||
Created on : 07-Aug-2018, 12:58:50
|
||||
Author : podkrizniku
|
||||
*/
|
||||
|
||||
.naslov.calculation {
|
||||
padding-left: 15px;
|
||||
}
|
||||
#arrows_more_calculation {
|
||||
position: absolute;
|
||||
bottom: 40px;
|
||||
padding: 5px 0;
|
||||
margin-left: 43%;
|
||||
width: 10%;
|
||||
cursor: pointer;
|
||||
background-color: $blue;
|
||||
border: 1px solid $gray;
|
||||
display: none;
|
||||
text-align: center;
|
||||
}
|
||||
#bottom_space {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
|
||||
#calculation_editing_calculations {
|
||||
/*min-height: 40px;*/
|
||||
padding: 0 0 10px 0;
|
||||
|
||||
span.calculations_display {
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
170
resources/sass/admin_new/pages/survey_edit/questions/grids.scss
Normal file
170
resources/sass/admin_new/pages/survey_edit/questions/grids.scss
Normal file
@ -0,0 +1,170 @@
|
||||
/*
|
||||
To change this license header, choose License Headers in Project Properties.
|
||||
To change this template file, choose Tools | Templates
|
||||
and open the template in the editor.
|
||||
*/
|
||||
/*
|
||||
Created on : 07-Aug-2018, 13:00:32
|
||||
Author : podkrizniku
|
||||
*/
|
||||
|
||||
.spremenljivka_content[tip="24"] {
|
||||
.variable_holder {
|
||||
overflow-x: auto;
|
||||
}
|
||||
}
|
||||
.grid_header_table {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
border-collapse: collapse;
|
||||
td.grid_header {
|
||||
height: 18px;
|
||||
}
|
||||
tbody {
|
||||
tr {
|
||||
td {
|
||||
padding-top: 3px;
|
||||
padding-bottom: 3px;
|
||||
}
|
||||
&:nth-child(odd) {
|
||||
background-color: $blue;
|
||||
td {
|
||||
background-color: $blue;
|
||||
div[contenteditable=true] {
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.grid_header {
|
||||
font-weight: 500;
|
||||
}
|
||||
.grid_question {
|
||||
width: 20%;
|
||||
text-align: left;
|
||||
padding-right: 1%;
|
||||
}
|
||||
.col_border {
|
||||
border-left: 1px solid $gray;
|
||||
}
|
||||
.grid-plus-minus {
|
||||
text-align: right;
|
||||
visibility: hidden;
|
||||
}
|
||||
.sub-table {
|
||||
display: none;
|
||||
}
|
||||
div.grid_inline {
|
||||
min-width: 20px;
|
||||
padding: 2px 0;
|
||||
}
|
||||
div.grid_inline_droppable_title {
|
||||
height: 15px !important;
|
||||
width: 230px;
|
||||
padding: 2px 0 5 0;
|
||||
margin: 0px auto 0px auto;
|
||||
border-top: 1px black dashed !important;
|
||||
border-left: 1px black dashed !important;
|
||||
border-right: 1px black dashed !important;
|
||||
text-align: center;
|
||||
}
|
||||
div.grid_inline_droppable_title_box {
|
||||
height: 15px !important;
|
||||
width: 230px;
|
||||
padding: 2px 0 5 0;
|
||||
margin: 0px auto 0px auto;
|
||||
text-align: center;
|
||||
}
|
||||
li {
|
||||
table.grid_header_table {
|
||||
span.inline.show {
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
}
|
||||
@mixin inlineMove {
|
||||
span.inline_move {
|
||||
position: absolute;
|
||||
left: 30px;
|
||||
}
|
||||
}
|
||||
div.spremenljivka_content[tip="6"] {
|
||||
@include inlineMove;
|
||||
}
|
||||
div.spremenljivka_content[tip="16"] {
|
||||
@include inlineMove;
|
||||
}
|
||||
div.spremenljivka_content[tip="19"] {
|
||||
@include inlineMove;
|
||||
}
|
||||
div.spremenljivka_content[tip="20"] {
|
||||
@include inlineMove;
|
||||
}
|
||||
div.spremenljivka_content[tip="24"] {
|
||||
@include inlineMove;
|
||||
}
|
||||
table.grid_header_table {
|
||||
span.inline_delete {
|
||||
position: absolute;
|
||||
visibility: hidden;
|
||||
right: 5px;
|
||||
margin-right: 57px;
|
||||
margin-right: 0px;
|
||||
}
|
||||
span.inline_edit {
|
||||
position: absolute;
|
||||
visibility: hidden;
|
||||
right: 7px;
|
||||
margin-right: 57px;
|
||||
}
|
||||
span.inline_if_not {
|
||||
position: absolute;
|
||||
visibility: hidden;
|
||||
right: 7px;
|
||||
margin-right: 57px;
|
||||
margin-right: 32px;
|
||||
}
|
||||
span.inline_if_follow {
|
||||
position: absolute;
|
||||
visibility: hidden;
|
||||
right: 7px;
|
||||
margin-right: 57px;
|
||||
}
|
||||
span.inline_hidden {
|
||||
position: absolute;
|
||||
visibility: hidden;
|
||||
right: 7px;
|
||||
margin-right: 57px;
|
||||
margin-right: 14px;
|
||||
}
|
||||
span.correct {
|
||||
position: absolute;
|
||||
visibility: hidden;
|
||||
right: 7px;
|
||||
margin-right: 57px;
|
||||
}
|
||||
}
|
||||
.trak_class {
|
||||
border: 1px solid $gray;
|
||||
cursor: pointer;
|
||||
background: white !important;
|
||||
}
|
||||
.trak_class_input {
|
||||
visibility: hidden !important;
|
||||
display: block;
|
||||
z-index: -1;
|
||||
}
|
||||
.radio-button-label {
|
||||
cursor: pointer !important;
|
||||
z-index: -2;
|
||||
}
|
||||
.trak_container_bg {
|
||||
background-color: $gray !important;
|
||||
}
|
||||
table.trak_inline_nadnaslov {
|
||||
td {
|
||||
text-align: center !important;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,109 @@
|
||||
/*
|
||||
To change this license header, choose License Headers in Project Properties.
|
||||
To change this template file, choose Tools | Templates
|
||||
and open the template in the editor.
|
||||
*/
|
||||
/*
|
||||
Created on : 07-Aug-2018, 13:07:51
|
||||
Author : podkrizniku
|
||||
*/
|
||||
|
||||
span.display_editor_image_hotspot {
|
||||
position: absolute;
|
||||
right: 100px;
|
||||
top: 11px;
|
||||
cursor: pointer;
|
||||
visibility: visible;
|
||||
}
|
||||
.hotspot {
|
||||
span.inline_delete_hotspot {
|
||||
position: absolute !important;
|
||||
right: 3px;
|
||||
margin-right: 0px;
|
||||
cursor: pointer !important;
|
||||
margin-right: 485px !important;
|
||||
}
|
||||
span.inline_edit_hotspot {
|
||||
position: absolute !important;
|
||||
right: 3px;
|
||||
margin-right: 0px;
|
||||
cursor: pointer !important;
|
||||
}
|
||||
span.inline_if_not_hotspot {
|
||||
position: absolute !important;
|
||||
right: 3px;
|
||||
margin-right: 0px;
|
||||
cursor: pointer !important;
|
||||
margin-right: 535px !important;
|
||||
}
|
||||
span.inline_if_follow_hotspot {
|
||||
position: absolute !important;
|
||||
right: 3px;
|
||||
margin-right: 0px;
|
||||
cursor: pointer !important;
|
||||
}
|
||||
span.inline_hidden_hotspot {
|
||||
position: absolute !important;
|
||||
right: 3px;
|
||||
margin-right: 0px;
|
||||
cursor: pointer !important;
|
||||
margin-right: 510px !important;
|
||||
}
|
||||
}
|
||||
.inline_edit_hotspot {
|
||||
display: inline-block;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
background-image: url(../../../admin/survey/img_new/icons_hidpi.png);
|
||||
background-position: 0px -1874px;
|
||||
}
|
||||
canvas.hotspot_canvas {
|
||||
position: absolute;
|
||||
top: 15px !important;
|
||||
left: 10px;
|
||||
z-index: 2;
|
||||
}
|
||||
.hotspot_image_editor {
|
||||
position: relative;
|
||||
top: 15px !important;
|
||||
z-index: 1;
|
||||
}
|
||||
div.hotspot_vrednost_inline {
|
||||
float: left;
|
||||
max-width: 80%;
|
||||
min-width: 160px;
|
||||
padding: 2px 2px;
|
||||
border: 1px solid $gray;
|
||||
margin: 2px;
|
||||
background: white;
|
||||
}
|
||||
.inline_hotspot_edit_region {
|
||||
margin-top: 4px !important;
|
||||
margin-bottom: 4px !important;
|
||||
}
|
||||
.inline_hotspot_delete_region {
|
||||
margin-top: 3px !important;
|
||||
margin-bottom: 3px !important;
|
||||
}
|
||||
div.vrednost_inline_hotspot {
|
||||
float: left;
|
||||
img {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
#hotspot_edit {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 40%;
|
||||
left: 50%;
|
||||
z-index: 89;
|
||||
min-height: 130px;
|
||||
margin-top: -100px;
|
||||
margin-left: -300px;
|
||||
padding: 0 10px 10px 10px;
|
||||
background-color: white;
|
||||
border: 4px solid $black;
|
||||
box-shadow: 0 0 20px black;
|
||||
-moz-box-shadow: 0 0 20px black;
|
||||
-webkit-box-shadow: 0 0 20px black;
|
||||
}
|
||||
@ -0,0 +1,50 @@
|
||||
/*
|
||||
To change this license header, choose License Headers in Project Properties.
|
||||
To change this template file, choose Tools | Templates
|
||||
and open the template in the editor.
|
||||
*/
|
||||
/*
|
||||
Created on : 20-Aug-2018, 11:13:15
|
||||
Author : podkrizniku
|
||||
*/
|
||||
|
||||
/*GOOGLE MAPS*/
|
||||
.pac-input {
|
||||
background-color: white;
|
||||
font-family: Roboto;
|
||||
font-size: 1.2em;
|
||||
font-weight: 300;
|
||||
margin-left: 0 px;
|
||||
padding: 0 11px 0 13px;
|
||||
text-overflow: ellipsis;
|
||||
width: 17em;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 2px 0 0 2px;
|
||||
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
|
||||
box-sizing: border-box;
|
||||
height: 30px;
|
||||
margin-top: 10px;
|
||||
outline: medium none;
|
||||
}
|
||||
.boxsizingBorder {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.maps-delete-menu {
|
||||
position: absolute;
|
||||
background: white;
|
||||
padding: 3px;
|
||||
color: $gray;
|
||||
font-weight: bold;
|
||||
border: 1px solid $gray;
|
||||
font-family: sans-serif;
|
||||
font-size: 12px;
|
||||
box-shadow: 1px 3px 3px rgba(0, 0, 0, .3);
|
||||
margin-top: -10px;
|
||||
margin-left: 10px;
|
||||
cursor: pointer;
|
||||
&:hover {
|
||||
background: $gray;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,59 @@
|
||||
/*
|
||||
To change this license header, choose License Headers in Project Properties.
|
||||
To change this template file, choose Tools | Templates
|
||||
and open the template in the editor.
|
||||
*/
|
||||
/*
|
||||
Created on : 10-Aug-2018, 12:30:57
|
||||
Author : podkrizniku
|
||||
*/
|
||||
|
||||
.razvrscanje_preview {
|
||||
border: 1px solid $gray;
|
||||
background-color: silver;
|
||||
padding: 4px;
|
||||
margin: 5px 0px;
|
||||
width: 350px;
|
||||
display: block;
|
||||
}
|
||||
.razvrscanje_preview_frame {
|
||||
border: 1px dashed $gray;
|
||||
background-color: $gray;
|
||||
padding: 4px;
|
||||
margin: 5px 0px;
|
||||
width: 350px;
|
||||
height: 13px;
|
||||
display: block;
|
||||
text-indent: -20px;
|
||||
}
|
||||
.dragdrop_preview_frame {
|
||||
border: 1px dashed $gray;
|
||||
background-color: $gray;
|
||||
padding: 4px;
|
||||
margin: 5px 0px;
|
||||
width: 350px;
|
||||
height: 90px;
|
||||
display: block;
|
||||
text-indent: -20px;
|
||||
}
|
||||
.dragdrop_preview_frame_grid {
|
||||
font-size: 14px;
|
||||
width: 150px !important;
|
||||
height: 25px;
|
||||
padding: 0 0 2px 0;
|
||||
margin: 0px auto 10px auto;
|
||||
border: 1px black dashed;
|
||||
background-color: $gray;
|
||||
text-indent: -20px;
|
||||
text-align: left;
|
||||
}
|
||||
.dragdrop_preview_frame_grid_title {
|
||||
height: 15px !important;
|
||||
width: 150px !important;
|
||||
padding: 2px 0 5 0;
|
||||
margin: 0px auto 0px auto;
|
||||
border-top: 1px black dashed !important;
|
||||
border-left: 1px black dashed !important;
|
||||
border-right: 1px black dashed !important;
|
||||
text-align: center;
|
||||
}
|
||||
@ -0,0 +1,454 @@
|
||||
/*
|
||||
To change this license header, choose License Headers in Project Properties.
|
||||
To change this template file, choose Tools | Templates
|
||||
and open the template in the editor.
|
||||
*/
|
||||
/*
|
||||
Created on : 03-Aug-2018, 09:55:43
|
||||
Author : podkrizniku
|
||||
*/
|
||||
|
||||
.editor_display {
|
||||
width: 98%;
|
||||
background-color: #eee;
|
||||
border: 1px solid #cccccc;
|
||||
border-bottom: 0;
|
||||
}
|
||||
.editor_display_small {
|
||||
padding-left: 5px;
|
||||
}
|
||||
.spremenljivka {
|
||||
width: 100%;
|
||||
}
|
||||
.add-variable-mobile {
|
||||
display: none;
|
||||
}
|
||||
.add-variable {
|
||||
display: none;
|
||||
position: absolute;
|
||||
left: 59px;
|
||||
bottom: 4px;
|
||||
span {
|
||||
position: relative;
|
||||
top: 1px;
|
||||
margin-right: 5px !important;
|
||||
}
|
||||
a {
|
||||
//color: $grey_normal;
|
||||
color: $blue;
|
||||
&:hover{
|
||||
color: $yellow;
|
||||
}
|
||||
}
|
||||
.tip_6 {
|
||||
left: 52px;
|
||||
}
|
||||
.tip_16 {
|
||||
left: 52px;
|
||||
}
|
||||
.tip_19 {
|
||||
left: 52px;
|
||||
}
|
||||
.tip_20 {
|
||||
left: 52px;
|
||||
}
|
||||
}
|
||||
.locked {
|
||||
.add-variable {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
.spremenljivka_content {
|
||||
margin: 2px 0px 10px 0px;
|
||||
padding: 0px;
|
||||
color: $gray;
|
||||
|
||||
background-color: white;
|
||||
border: 1px solid $blue;
|
||||
|
||||
&:hover {
|
||||
.add-variable {
|
||||
display: block;
|
||||
}
|
||||
background-color: white;
|
||||
}
|
||||
h3 {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
p {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
}
|
||||
form {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
p {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
padding: 3px;
|
||||
}
|
||||
input {
|
||||
vertical-align: text-top;
|
||||
}
|
||||
div[contenteditable] {
|
||||
cursor: text;
|
||||
min-height: 16px;
|
||||
p {
|
||||
margin: 0 0;
|
||||
padding: 3px 0;
|
||||
}
|
||||
}
|
||||
|
||||
div[contenteditable=true] {
|
||||
border: 1px solid transparent;
|
||||
&:hover {
|
||||
background-color: $blue;
|
||||
border: 1px solid $blue;
|
||||
}
|
||||
&:focus {
|
||||
background-color: $blue;
|
||||
border: 1px dashed silver;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.spr_editing {
|
||||
.spremenljivka_content {
|
||||
.add-variable {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.content_div_normalmode {
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
.grid-plus-minus {
|
||||
visibility: visible;
|
||||
}
|
||||
.sub-table {
|
||||
display: table-row;
|
||||
}
|
||||
div[contenteditable][default="1"] {
|
||||
color: $gray;
|
||||
}
|
||||
}
|
||||
.spremenljivka_tekst_form {
|
||||
padding: 10px 5px 5px 10px;
|
||||
}
|
||||
.spremenljivka_tip_content {
|
||||
padding: 5px 5px 5px 10px;
|
||||
}
|
||||
.content_div_normalmode {
|
||||
position: relative;
|
||||
padding: 10px 5px 20px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.naslov {
|
||||
width: auto;
|
||||
min-width: 100px;
|
||||
display: block;
|
||||
padding-top: 3px;
|
||||
}
|
||||
#variable_holder {
|
||||
.variabla_limit{
|
||||
width:auto !important;
|
||||
color: $yellow;
|
||||
margin-top: 6px;
|
||||
display:inline-block;
|
||||
}
|
||||
}
|
||||
.variable_holder {
|
||||
padding: 0px 0px 0px 30px;
|
||||
vertical-align: top;
|
||||
margin: 0px;
|
||||
display: block;
|
||||
clear: both;
|
||||
select {
|
||||
margin-top: 5px;
|
||||
}
|
||||
}
|
||||
.variable_holder.clr {
|
||||
height: auto;
|
||||
}
|
||||
div.spremenljivka_content.orientation_ob {
|
||||
.variable_holder {
|
||||
clear: none;
|
||||
}
|
||||
div.variabla {
|
||||
clear: none;
|
||||
}
|
||||
}
|
||||
div.spremenljivka_content {
|
||||
h3 {
|
||||
p {
|
||||
padding: 3px 3px 3px 3px;
|
||||
margin: 0;
|
||||
padding-top: 3px;
|
||||
padding-bottom: 3px;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
span.inline {
|
||||
visibility: hidden;
|
||||
cursor: pointer;
|
||||
float: left;
|
||||
}
|
||||
div.variabla {
|
||||
input {
|
||||
float: left;
|
||||
margin-top: 5px;
|
||||
}
|
||||
clear: both;
|
||||
padding: 2px 5px;
|
||||
min-height: 22px;
|
||||
.move_updown_orange {
|
||||
margin-top: 5px;
|
||||
}
|
||||
}
|
||||
span.inline_edit {
|
||||
float: right;
|
||||
margin: 0 3px;
|
||||
}
|
||||
span.inline_delete {
|
||||
float: right;
|
||||
margin: 0 3px;
|
||||
}
|
||||
span.inline_if_not {
|
||||
float: right;
|
||||
margin: -2px 3px 0 3px;
|
||||
}
|
||||
span.inline_if_follow {
|
||||
float: right;
|
||||
margin: -3px 3px 0 3px;
|
||||
}
|
||||
span.inline_hidden {
|
||||
float: right;
|
||||
margin: 0 3px;
|
||||
}
|
||||
span.correct {
|
||||
float: right;
|
||||
margin: 0 3px;
|
||||
}
|
||||
}
|
||||
li.spr.spr_editing {
|
||||
div.spremenljivka_content.orientation_ob {
|
||||
.variable_holder {
|
||||
clear: both;
|
||||
}
|
||||
div.variabla {
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
div.preview_mode {
|
||||
display: none;
|
||||
}
|
||||
div.edit_mode {
|
||||
display: block;
|
||||
}
|
||||
td.preview_mode {
|
||||
display: none;
|
||||
}
|
||||
thead.edit_mode {
|
||||
display: table-header-group;
|
||||
}
|
||||
.editingOnly {
|
||||
visibility: visible;
|
||||
}
|
||||
div.spremenljivka_content.orientation_pod {
|
||||
div.variabla {
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
div.stolpci {
|
||||
float: none;
|
||||
width: auto !important;
|
||||
span.inline_delete {
|
||||
display: block;
|
||||
}
|
||||
span.inline_edit {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
.spremenljivka_info {
|
||||
font-size: 9px;
|
||||
color: #666666;
|
||||
padding: 2px;
|
||||
clear: both;
|
||||
padding: 2px 15px;
|
||||
}
|
||||
div.naslov_inline {
|
||||
min-width: 50px;
|
||||
padding: 2px 15px;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
div.variable_inline {
|
||||
display: none;
|
||||
float: left;
|
||||
width: 30px;
|
||||
padding: 2px 15px;
|
||||
font-weight: bold;
|
||||
}
|
||||
span.display_editor {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 11px;
|
||||
cursor: pointer;
|
||||
visibility: hidden;
|
||||
}
|
||||
.spr.spr_editing {
|
||||
span.display_editor {
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
.spr {
|
||||
span.display_editor.show {
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
/*div.naslov {
|
||||
textarea.inline {
|
||||
width: 99%;
|
||||
}
|
||||
}
|
||||
div.variabla {
|
||||
textarea.inline {
|
||||
min-height: 11px;
|
||||
min-width: 50%;
|
||||
}
|
||||
}
|
||||
td.grid_question {
|
||||
textarea.inline {
|
||||
height: 11px;
|
||||
width: 90%;
|
||||
}
|
||||
}
|
||||
td.grid_header {
|
||||
textarea.inline {
|
||||
width: 99%;
|
||||
height: 22px;
|
||||
text-align: center;
|
||||
}
|
||||
}*/
|
||||
div.spremenljivka_content.orientation_pod {
|
||||
div.variabla {
|
||||
clear: none;
|
||||
}
|
||||
}
|
||||
li.spr_editing {
|
||||
div.spremenljivka_content {
|
||||
div.variabla {
|
||||
span.inline {
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
}
|
||||
table.grid_header_table {
|
||||
span.inline {
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
}
|
||||
li {
|
||||
div.spremenljivka_content {
|
||||
div.variabla {
|
||||
span.inline.show {
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
span.inline_move {
|
||||
margin: 2px 8px 0 3px;
|
||||
}
|
||||
span.image_upload {
|
||||
margin-top: 4px;
|
||||
margin-left: 8px;
|
||||
margin-right: 4px;
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
/*settings marks of question in top left corner (reminders, system,...)*/
|
||||
#spr_settings {
|
||||
float: left;
|
||||
width: auto;
|
||||
padding-top: 4px;
|
||||
vertical-align: bottom;
|
||||
.lock_holder {
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
top: 6px;
|
||||
}
|
||||
span {
|
||||
img {
|
||||
padding-left: 5px;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
vertical-align: bottom;
|
||||
}
|
||||
}
|
||||
#spr_settings_intro_concl {
|
||||
float: left;
|
||||
width: auto;
|
||||
vertical-align: bottom;
|
||||
padding-left: 10px;
|
||||
img {
|
||||
padding-left: 10px;
|
||||
padding-top: 3px;
|
||||
}
|
||||
}
|
||||
table.text_vrednost {
|
||||
text-align: center;
|
||||
font-size: 10px;
|
||||
}
|
||||
div.vrednost_inline {
|
||||
float: left;
|
||||
max-width: 80%;
|
||||
min-width: 160px;
|
||||
padding: 2px 15px;
|
||||
}
|
||||
.spremenljivka_settings {
|
||||
padding: 3px 5px 3px 5px;
|
||||
background-color: $blue;
|
||||
min-height: 24px;
|
||||
}
|
||||
.spremenljivka_settings.movable {
|
||||
cursor: pointer;
|
||||
}
|
||||
.spremenljivka_settings_active {
|
||||
background-color: $blue;
|
||||
}
|
||||
.variable_name {
|
||||
float: left;
|
||||
font-size: 14px;
|
||||
padding: 2px 10px 2px 5px;
|
||||
color: $gray;
|
||||
font-weight: 500;
|
||||
}
|
||||
.variable {
|
||||
color: $gray;
|
||||
font-weight: 500;
|
||||
}
|
||||
.spr_edit {
|
||||
z-index: 5;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
margin-right: 10px;
|
||||
padding-top: 7px;
|
||||
}
|
||||
.comment_container_inline {
|
||||
margin: 0px;
|
||||
padding: 4px 15px;
|
||||
background-color: $blue;
|
||||
border-top: 1px solid $blue;
|
||||
a.surveycomment {
|
||||
font-size: 10px;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,21 @@
|
||||
/*
|
||||
To change this license header, choose License Headers in Project Properties.
|
||||
To change this template file, choose Tools | Templates
|
||||
and open the template in the editor.
|
||||
*/
|
||||
/*
|
||||
Created on : 07-Aug-2018, 12:54:23
|
||||
Author : podkrizniku
|
||||
*/
|
||||
|
||||
@import "question_box";
|
||||
@import "slider";
|
||||
@import "calculation";
|
||||
@import "quota";
|
||||
@import "grids";
|
||||
@import "sum";
|
||||
@import "hotspot";
|
||||
@import "preview";
|
||||
@import "ranking";
|
||||
@import "location";
|
||||
@import "take_picture";
|
||||
@ -0,0 +1,50 @@
|
||||
/*
|
||||
To change this license header, choose License Headers in Project Properties.
|
||||
To change this template file, choose Tools | Templates
|
||||
and open the template in the editor.
|
||||
*/
|
||||
/*
|
||||
Created on : 07-Aug-2018, 12:59:20
|
||||
Author : podkrizniku
|
||||
*/
|
||||
|
||||
.naslov.quota {
|
||||
padding-left: 15px;
|
||||
}
|
||||
/*popup edit*/
|
||||
#quota {
|
||||
display: none;
|
||||
position: relative;
|
||||
z-index: 91;
|
||||
|
||||
height: auto;
|
||||
width: 600px;
|
||||
|
||||
#quota_editing_inner {
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin-bottom: 50px;
|
||||
overflow: auto;
|
||||
}
|
||||
#condition_editing_close {
|
||||
float: right;
|
||||
margin-right: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
#bottom_space {
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
#quota_editing_quotas {
|
||||
min-height: 40px;
|
||||
padding: 10px;
|
||||
span.quota_display {
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,155 @@
|
||||
/*
|
||||
To change this license header, choose License Headers in Project Properties.
|
||||
To change this template file, choose Tools | Templates
|
||||
and open the template in the editor.
|
||||
*/
|
||||
/*
|
||||
Created on : 10-Aug-2018, 13:19:50
|
||||
Author : podkrizniku
|
||||
*/
|
||||
|
||||
.ranking {
|
||||
font-size: 14px;
|
||||
width: 220px;
|
||||
height: 25px;
|
||||
padding: 5px 0 0 0;
|
||||
margin: 15px auto 0 auto;
|
||||
border: 1px solid #000;
|
||||
background-color: $gray;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
img {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
}
|
||||
.ranking_long {
|
||||
font-size: 14px;
|
||||
width: 220px;
|
||||
height: 25px;
|
||||
padding: 5px 0 0 0;
|
||||
margin: 15px auto 0 auto;
|
||||
border: 1px solid #000;
|
||||
background-color: $gray;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
font-size: 11px;
|
||||
}
|
||||
.ranking_frame {
|
||||
font-size: 14px;
|
||||
width: 230px;
|
||||
height: 29px;
|
||||
padding: 5px 0 0 0;
|
||||
margin: 10px auto 0 auto;
|
||||
border: 1px black dashed;
|
||||
background-color: $gray;
|
||||
text-indent: -20px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.dragdrop_frame {
|
||||
font-size: 14px;
|
||||
width: 230px;
|
||||
height: 100px;
|
||||
padding: 5px 0 0 0;
|
||||
margin: 10px auto 0 auto;
|
||||
border: 1px black dashed;
|
||||
background-color: $gray;
|
||||
text-indent: -20px;
|
||||
text-align: left;
|
||||
}
|
||||
.dragdrop_frame_grid {
|
||||
font-size: 14px;
|
||||
width: 230px;
|
||||
height: 25px;
|
||||
padding: 0 0 2px 0;
|
||||
margin: 0px auto 10px auto;
|
||||
border: 1px black dashed;
|
||||
background-color: $gray;
|
||||
text-indent: -20px;
|
||||
text-align: left;
|
||||
}
|
||||
.dragdrop_frame_grid_box {
|
||||
font-size: 14px;
|
||||
width: 230px;
|
||||
height: 30px;
|
||||
padding: 0 0 2px 0;
|
||||
margin: 10px auto 0px auto;
|
||||
border-left: 1px black dashed !important;
|
||||
border-right: 1px black dashed !important;
|
||||
border-bottom: 1px black dashed !important;
|
||||
text-indent: -20px;
|
||||
text-align: left;
|
||||
}
|
||||
.drag_and_drop_box {
|
||||
cursor: pointer;
|
||||
width: 230px;
|
||||
padding: 5px;
|
||||
margin: 0px auto 10px auto;
|
||||
border: 1px solid #000;
|
||||
height: 15px;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
background-color: white;
|
||||
cursor: pointer;
|
||||
width: 230px;
|
||||
padding: 5px;
|
||||
margin: 0px auto 10px auto;
|
||||
border: 1px solid #000;
|
||||
height: 15px;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
background-color: white;
|
||||
img {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
}
|
||||
.drag_and_drop {
|
||||
top: -6px;
|
||||
left: -6px;
|
||||
}
|
||||
.drag_and_drop_right {
|
||||
top: -6px !important;
|
||||
left: -6px !important;
|
||||
}
|
||||
.drag_and_drop_box_right {
|
||||
top: 15px !important;
|
||||
left: -6px !important;
|
||||
}
|
||||
.drag_and_drop_box_right_after_refresh {
|
||||
left: -6px !important;
|
||||
}
|
||||
.drag_and_drop_box_right_over {
|
||||
left: -6px !important;
|
||||
}
|
||||
.inline_labele_podrocij {
|
||||
text-align: center !important;
|
||||
}
|
||||
table.inline_labele_podrocij {
|
||||
td {
|
||||
text-align: center !important;
|
||||
}
|
||||
}
|
||||
/*radio with image*/
|
||||
.custom_radio{
|
||||
.custom_radio_answer {
|
||||
padding: 0 1px;
|
||||
}
|
||||
}
|
||||
.custom_radio.visual-radio-scale{
|
||||
.custom_radio_answer {
|
||||
padding: 0 3px;
|
||||
}
|
||||
&.checked .enka-vizualna-skala:before{
|
||||
color: $blue;
|
||||
}
|
||||
}
|
||||
.enka-vizualna-skala {
|
||||
display: inline-block;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
float: left;
|
||||
}
|
||||
121
resources/sass/admin_new/pages/survey_edit/questions/slider.scss
Normal file
121
resources/sass/admin_new/pages/survey_edit/questions/slider.scss
Normal file
@ -0,0 +1,121 @@
|
||||
/*
|
||||
To change this license header, choose License Headers in Project Properties.
|
||||
To change this template file, choose Tools | Templates
|
||||
and open the template in the editor.
|
||||
*/
|
||||
/*
|
||||
Created on : 07-Aug-2018, 12:52:29
|
||||
Author : podkrizniku
|
||||
*/
|
||||
|
||||
.slider {
|
||||
display: inline-block;
|
||||
width: 84.5%;
|
||||
background-color: $gray !important;
|
||||
.ui-state-default {
|
||||
border: 1px solid $gray !important;
|
||||
}
|
||||
.ui-state-hover {
|
||||
border: 1px solid $gray !important;
|
||||
}
|
||||
}
|
||||
.sliderText {
|
||||
visibility: hidden;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
color: $gray;
|
||||
width: 30px;
|
||||
height: 15px;
|
||||
padding: 3px;
|
||||
margin-top: 7px;
|
||||
background: $gray;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
border: $gray solid 1px;
|
||||
&:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
border-style: solid;
|
||||
border-width: 9px 7px 0;
|
||||
border-color: $gray transparent;
|
||||
display: block;
|
||||
width: 0;
|
||||
z-index: 1;
|
||||
bottom: -9px;
|
||||
left: 11px;
|
||||
}
|
||||
&:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
border-style: solid;
|
||||
border-width: 9px 7px 0;
|
||||
border-color: $gray transparent;
|
||||
display: block;
|
||||
width: 0;
|
||||
z-index: 0;
|
||||
bottom: -10px;
|
||||
left: 11px;
|
||||
}
|
||||
}
|
||||
.classic_slider {
|
||||
.ui-slider-handle {
|
||||
width: 9px !important;
|
||||
height: 14px !important;
|
||||
padding: 5px 0;
|
||||
margin-left: -5px !important;
|
||||
top: -7px !important;
|
||||
border-bottom-right-radius: 10px 30px !important;
|
||||
border-bottom-left-radius: 10px 30px !important;
|
||||
}
|
||||
}
|
||||
.special_slider {
|
||||
.ui-slider-handle {
|
||||
width: 15px !important;
|
||||
height: 15px !important;
|
||||
margin-left: -8px !important;
|
||||
top: -3px !important;
|
||||
border-radius: 10px 10px !important;
|
||||
background-color: red !important;
|
||||
}
|
||||
}
|
||||
.circle_slider {
|
||||
.ui-slider-pip {
|
||||
.ui-slider-line {
|
||||
width: 15px !important;
|
||||
height: 15px !important;
|
||||
border-radius: 10px 10px !important;
|
||||
margin-left: -8px !important;
|
||||
background: $gray !important;
|
||||
top: -23px !important;
|
||||
border: 1px solid $gray !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
.elipse_slider {
|
||||
.ui-slider-pip {
|
||||
.ui-slider-line {
|
||||
width: 13px !important;
|
||||
height: 30px !important;
|
||||
border-radius: 10px 10px !important;
|
||||
margin-left: -7px !important;
|
||||
background: $gray !important;
|
||||
top: -31px !important;
|
||||
border: 1px solid $gray !important;
|
||||
}
|
||||
}
|
||||
.ui-slider-handle {
|
||||
width: 9px !important;
|
||||
height: 14px !important;
|
||||
padding: 5px 0;
|
||||
margin-left: -5px !important;
|
||||
top: -7px !important;
|
||||
border-bottom-right-radius: 10px 30px !important;
|
||||
border-bottom-left-radius: 10px 30px !important;
|
||||
}
|
||||
}
|
||||
.label_podrocje_prikaz {
|
||||
border-bottom: 1px solid black !important;
|
||||
border-left: 1px solid black !important;
|
||||
border-right: 1px solid black !important;
|
||||
}
|
||||
@ -0,0 +1,74 @@
|
||||
/*
|
||||
To change this license header, choose License Headers in Project Properties.
|
||||
To change this template file, choose Tools | Templates
|
||||
and open the template in the editor.
|
||||
*/
|
||||
/*
|
||||
Created on : 07-Aug-2018, 13:02:29
|
||||
Author : podkrizniku
|
||||
*/
|
||||
|
||||
.variabla_vsota {
|
||||
padding: 0px 5px;
|
||||
width: 25%;
|
||||
text-align: right;
|
||||
|
||||
input{
|
||||
margin-left: 10px;
|
||||
margin-top: 2px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.vrednost_inline_vsota {
|
||||
float: left;
|
||||
box-sizing: border-box;
|
||||
|
||||
width: 200px;
|
||||
max-width: 80%;
|
||||
min-width: 160px;
|
||||
padding: 2px 15px 2px 18px !important;
|
||||
margin-left: 12px;
|
||||
|
||||
word-break:break-all;
|
||||
}
|
||||
|
||||
.variabla_vsota_inline{
|
||||
float: left;
|
||||
max-width: 80%;
|
||||
min-width: 160px;
|
||||
padding: 2px 15px;
|
||||
word-break:break-all;
|
||||
}
|
||||
|
||||
/* Zadnja vrsticas pri urejanju vsote - "skupaj" */
|
||||
table.variabla_vsota{
|
||||
clear: both;
|
||||
border-spacing: 0;
|
||||
border-collapse: collapse;
|
||||
display: block;
|
||||
|
||||
width: auto;
|
||||
|
||||
tr{
|
||||
td.text{
|
||||
border-top: 1px black solid;
|
||||
|
||||
.variabla_vsota_sum{
|
||||
margin-left: 18px;
|
||||
|
||||
div{
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
}
|
||||
}
|
||||
td.input{
|
||||
border-top: 1px black solid;
|
||||
|
||||
input{
|
||||
margin-left: 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,34 @@
|
||||
/*
|
||||
To change this license header, choose License Headers in Project Properties.
|
||||
To change this template file, choose Tools | Templates
|
||||
and open the template in the editor.
|
||||
*/
|
||||
/*
|
||||
Created on : 20-Aug-2018, 11:15:47
|
||||
Author : podkrizniku
|
||||
*/
|
||||
|
||||
.fotoresults_div {
|
||||
float: right;
|
||||
}
|
||||
.my_camera_div {
|
||||
float: left;
|
||||
}
|
||||
.my_camera {
|
||||
border: 1px solid;
|
||||
}
|
||||
.record_foto {
|
||||
display: block;
|
||||
float: right;
|
||||
margin-top: -30px;
|
||||
margin-right: -12px;
|
||||
position: relative;
|
||||
}
|
||||
.upload_foto_result {
|
||||
display: none;
|
||||
height: 240px;
|
||||
border: 1px solid;
|
||||
padding-right: 0px !important;
|
||||
margin-top: 10px !important;
|
||||
margin-left: 20px;
|
||||
}
|
||||
@ -0,0 +1,57 @@
|
||||
/* font awesom za admin */
|
||||
#variable_holder input[type="checkbox"].enka-admin-custom,
|
||||
#variable_holder input[type="radio"].enka-admin-custom {
|
||||
display: none !important;
|
||||
}
|
||||
#variable_holder input[type="checkbox"].enka-admin-custom+ span.enka-checkbox-radio:before,
|
||||
#variable_holder input[type="radio"].enka-admin-custom + span.enka-checkbox-radio:before {
|
||||
font-family: $fontawesome;
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
color: $gray;
|
||||
|
||||
font-weight: 400;
|
||||
}
|
||||
#variable_holder input[type="checkbox"].enka-admin-custom.enka-inline + span.enka-checkbox-radio:before,
|
||||
#variable_holder input[type="radio"].enka-admin-custom.enka-inline + span.enka-checkbox-radio:before {
|
||||
display: inline-block;
|
||||
float: left;
|
||||
padding-top: 4px;
|
||||
padding-left: 4px;
|
||||
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
#variable_holder input[type="checkbox"].enka-admin-custom + span.enka-checkbox-radio:before{
|
||||
/*content: "\f096";*/
|
||||
content: "\f0c8";
|
||||
letter-spacing: 10px;
|
||||
}
|
||||
#variable_holder input[type="radio"].enka-admin-custom + span.enka-checkbox-radio:before{
|
||||
/*content: "\f10c";*/
|
||||
content: "\f111";
|
||||
letter-spacing: 8px;
|
||||
}
|
||||
/* select, checked */
|
||||
#variable_holder input[type="checkbox"].enka-admin-custom:checked + span.enka-checkbox-radio:before{
|
||||
/*content: "\f046";*/
|
||||
content: "\f14a";
|
||||
color: $gray;
|
||||
letter-spacing: 8px;
|
||||
}
|
||||
#variable_holder input[type="radio"].enka-admin-custom:checked + span.enka-checkbox-radio:before{
|
||||
/*content: "\f192";*/
|
||||
content: "\f192";
|
||||
color: $gray;
|
||||
}
|
||||
|
||||
@import "toolbox";
|
||||
@import "voting";
|
||||
@import "form";
|
||||
@import "other";
|
||||
@import "branching_expanded";
|
||||
@import "branching_collapsed";
|
||||
@import "question_settings";
|
||||
@import "questions/questions";
|
||||
@import "conditions";
|
||||
@import "library";
|
||||
243
resources/sass/admin_new/pages/survey_edit/toolbox.scss
Normal file
243
resources/sass/admin_new/pages/survey_edit/toolbox.scss
Normal file
@ -0,0 +1,243 @@
|
||||
/*
|
||||
To change this license header, choose License Headers in Project Properties.
|
||||
To change this template file, choose Tools | Templates
|
||||
and open the template in the editor.
|
||||
*/
|
||||
/*
|
||||
Created on : 01-Aug-2018, 12:52:20
|
||||
Author : podkrizniku
|
||||
*/
|
||||
|
||||
#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;
|
||||
}
|
||||
position: fixed;
|
||||
z-index: 50;
|
||||
top: 255px;
|
||||
left: 1px;
|
||||
height: 335px;
|
||||
width: 50px;
|
||||
background-color: $blue;
|
||||
border: 0;
|
||||
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;
|
||||
top: 218px;
|
||||
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;
|
||||
}
|
||||
}
|
||||
}
|
||||
#toolbox_advanced_settings {
|
||||
position: fixed;
|
||||
cursor: pointer;
|
||||
top: 218px;
|
||||
left: 1px;
|
||||
width: 18px;
|
||||
height: 19px;
|
||||
padding: 5px 15px 6px;
|
||||
background-color: $blue;
|
||||
border: 1px $blue solid;
|
||||
#toolbox_advanced_settings_holder {
|
||||
display: none;
|
||||
cursor: auto;
|
||||
z-index: 99;
|
||||
position: fixed;
|
||||
top: 218px;
|
||||
left: 55px;
|
||||
width: auto;
|
||||
height: auto;
|
||||
min-height: 100px;
|
||||
padding: 10px 20px 0 10px;
|
||||
text-align: left;
|
||||
font-size: 11px;
|
||||
border: 1px solid $blue;
|
||||
background-color: $blue;
|
||||
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;
|
||||
}
|
||||
}
|
||||
}
|
||||
#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;
|
||||
}
|
||||
|
||||
|
||||
.mobile_add_question{
|
||||
display: none;
|
||||
}
|
||||
.mobile_add_question_popup{
|
||||
display: none;
|
||||
}
|
||||
178
resources/sass/admin_new/pages/survey_edit/voting.scss
Normal file
178
resources/sass/admin_new/pages/survey_edit/voting.scss
Normal file
@ -0,0 +1,178 @@
|
||||
/*
|
||||
To change this license header, choose License Headers in Project Properties.
|
||||
To change this template file, choose Tools | Templates
|
||||
and open the template in the editor.
|
||||
*/
|
||||
/*
|
||||
Created on : 03-Aug-2018, 11:04:39
|
||||
Author : podkrizniku
|
||||
*/
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.nastavitveSpan4 {
|
||||
display: table-cell;
|
||||
float: left;
|
||||
font-weight: 500;
|
||||
width: 55%;
|
||||
clear: both;
|
||||
}
|
||||
.nastavitveSpan5 {
|
||||
display: table-cell;
|
||||
float: left;
|
||||
font-weight: 500;
|
||||
width: 25%;
|
||||
clear: both;
|
||||
}
|
||||
select#skin_anketa {
|
||||
max-width: 120px;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
select#skin {
|
||||
max-width: 120px;
|
||||
margin: 4px 0 2px 0;
|
||||
}
|
||||
#quick_settings {
|
||||
|
||||
}
|
||||
|
||||
|
||||
#anketa_edit.page_.subpage_.glasovanje {
|
||||
|
||||
.anketa_edit_main{
|
||||
display: flex;
|
||||
|
||||
/* Leve nastavitve */
|
||||
#glas_settings {
|
||||
width: 330px;
|
||||
min-width: 290px;
|
||||
|
||||
margin: 20px 0 0 0;
|
||||
padding: 0;
|
||||
|
||||
line-height: 18px;
|
||||
|
||||
background-color: white;
|
||||
border: 1px solid $blue;
|
||||
|
||||
.more {
|
||||
float: right;
|
||||
margin: 5px 20px 10px 0;
|
||||
font-weight: 500;
|
||||
}
|
||||
.less {
|
||||
float: right;
|
||||
margin: 5px 20px 10px 0;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.header_holder {
|
||||
height: 35px;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
background-color: $blue;
|
||||
width: 100%;
|
||||
//border-bottom: #d2d5d5;
|
||||
}
|
||||
.header_content {
|
||||
padding: 8px 0px 7px 0px;
|
||||
|
||||
.header_left {
|
||||
color: $blue;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
width: auto;
|
||||
float: left;
|
||||
padding-left: 10px;
|
||||
}
|
||||
}
|
||||
fieldset {
|
||||
margin: 11px 10px;
|
||||
padding: 3px 5px;
|
||||
border: 0;
|
||||
border-top: 1px solid $blue;
|
||||
}
|
||||
legend {
|
||||
margin: 0;
|
||||
padding: 0 10px 0 5px;
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
color: $blue;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
/* Srednji del */
|
||||
#placeholder{
|
||||
margin: 85px 0 0 20px;
|
||||
max-width: 1100px;
|
||||
|
||||
#branching.branching_glasovanje {
|
||||
padding: 3px;
|
||||
min-height: 400px;
|
||||
width: calc(96% - 315px);
|
||||
|
||||
ul.first {
|
||||
margin: 1px 0 0 0 !important;
|
||||
}
|
||||
ul {
|
||||
li {
|
||||
margin-left: 0px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#vprasanje_float_editing{
|
||||
margin-top: 45px !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* Desne nastavitve */
|
||||
#quick_settings_holder{
|
||||
position: absolute;
|
||||
right: calc(3% + 5px);
|
||||
margin-left: -5px;
|
||||
top: 222px;
|
||||
height: auto;
|
||||
width: 310px;
|
||||
border: 0;
|
||||
background-color: transparent;
|
||||
|
||||
#quick_settings{
|
||||
padding: 5px 15px;
|
||||
width: 315px;
|
||||
box-sizing: border-box;
|
||||
float: right;
|
||||
|
||||
background-color: $blue;
|
||||
border: 1px solid $blue;
|
||||
|
||||
fieldset {
|
||||
border: 1px $gray solid;
|
||||
}
|
||||
|
||||
.form_bottom_settings {
|
||||
margin: 0 8px 10px 8px;
|
||||
padding: 0 0 5px 10px;
|
||||
background-color: inherit;
|
||||
}
|
||||
|
||||
#form_settings_obvescanje {
|
||||
padding: 1px 0 10px 10px;
|
||||
textarea#alert_finish_other_emails {
|
||||
&:focus {
|
||||
padding: 2px;
|
||||
border: 0;
|
||||
background-color: $yellow;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user