799 lines
14 KiB
SCSS
799 lines
14 KiB
SCSS
//Nov profil, preimenuj profil
|
|
div#newProfileDiv,
|
|
div#newProfile,
|
|
div#renameProfileDiv {
|
|
.setting_holder {
|
|
margin-bottom: 16px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
|
|
&:first-of-type{
|
|
margin-top: 0;
|
|
}
|
|
|
|
.setting_item {
|
|
margin-top: 8px;
|
|
|
|
label {
|
|
margin-right: 0;
|
|
}
|
|
|
|
input.text {
|
|
margin-left: 4px;
|
|
width: 469px !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/////// STATUS //////////
|
|
|
|
// Povzetek > Nastavitev obdobja
|
|
div#time_profile_content{
|
|
|
|
.setting_holder {
|
|
margin-bottom: 16px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
|
|
&:first-of-type{
|
|
margin-top: 0;
|
|
}
|
|
|
|
.setting_item {
|
|
margin-top: 8px;
|
|
|
|
label {
|
|
margin-right: 0;
|
|
}
|
|
|
|
input.text {
|
|
margin: 0 4px 0 4px;
|
|
}
|
|
|
|
span.faicon {
|
|
margin-right: 16px;
|
|
}
|
|
|
|
select.dropdown {
|
|
margin-left: 4px;
|
|
width: 130px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
//Neodgovor spremenljivke > Filtri > Manjkajoči
|
|
fieldset#missingProfileFieldset {
|
|
|
|
table, tr {
|
|
border: none;
|
|
font-size: 14px !important;
|
|
width: 100%;
|
|
|
|
line-height: normal;
|
|
|
|
th {
|
|
background: none;
|
|
border: none;
|
|
}
|
|
|
|
th, td {
|
|
padding: 4px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
tr {
|
|
height: 20px;
|
|
}
|
|
}
|
|
|
|
div.mv_settings_other {
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
}
|
|
|
|
|
|
/////// UREJANJE //////
|
|
//Vprašalnik
|
|
div.setting_holder {
|
|
div.find-wrap {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
gap: 16px;
|
|
}
|
|
|
|
margin-bottom: 16px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
|
|
&:first-of-type{
|
|
margin-top: 0;
|
|
}
|
|
|
|
.setting_item {
|
|
margin-top: 8px;
|
|
|
|
label {
|
|
cursor: pointer !important;
|
|
}
|
|
|
|
input {
|
|
&[type=checkbox][disabled] + label:before {
|
|
color: $dark-gray;
|
|
pointer-events: none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
//Komentarji
|
|
div.qtip_comment {
|
|
h1 {
|
|
&:before {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
padding: 2px 16px 16px 16px;
|
|
|
|
div {
|
|
textarea {
|
|
width: 100%;
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.button_holder {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content:flex-end;
|
|
|
|
button {
|
|
&:last-of-type {
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
.comment_bottom{
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
|
|
margin: 16px 0 0 0;
|
|
|
|
a{
|
|
margin-left: 16px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
//Uvoz besedila
|
|
div.from_text_popup {
|
|
overflow: hidden !important;
|
|
}
|
|
|
|
//Nastavitve > Telefonska anketa
|
|
table#inv_edit_recipient {
|
|
width: 100%;
|
|
}
|
|
|
|
div#telephone_popup {
|
|
|
|
.setting_holder {
|
|
margin-bottom: 16px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
|
|
&:first-of-type{
|
|
margin-top: 0;
|
|
}
|
|
|
|
.setting_item {
|
|
margin-top: 8px;
|
|
|
|
input.text {
|
|
margin: 0 4px 0 4px;
|
|
}
|
|
|
|
span.faicon {
|
|
margin-right: 16px;
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
////// ANALIZE //////
|
|
|
|
//Ustvari arhiv analize
|
|
|
|
div#div_analiza_archive_name {
|
|
|
|
.setting_holder {
|
|
margin-bottom: 16px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
|
|
&:first-of-type{
|
|
margin-top: 0;
|
|
}
|
|
|
|
.setting_item {
|
|
margin-top: 8px;
|
|
|
|
label {
|
|
cursor: pointer;
|
|
margin-right: 0;
|
|
}
|
|
|
|
&.indent {
|
|
margin-left: 25px;
|
|
margin-top: 0;
|
|
display: none;
|
|
|
|
input.text {
|
|
margin-left: 4px;
|
|
}
|
|
}
|
|
|
|
input.text.medium {
|
|
width: 40% !important;
|
|
margin-left: 4px;
|
|
margin-right: 4px;
|
|
}
|
|
}
|
|
|
|
input.text,
|
|
textarea {
|
|
width: 100% !important;
|
|
}
|
|
}
|
|
|
|
.alaysis_archive_wrap {
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 32px;
|
|
|
|
.alaysis_archive_right,
|
|
.alaysis_archive_left {
|
|
width: 50%;
|
|
}
|
|
}
|
|
}
|
|
|
|
//Poročila in tabele
|
|
#div_creport_settings_profiles,
|
|
#mc_tables_left {
|
|
#creport_profiles,
|
|
#mc_tables {
|
|
cursor: pointer;
|
|
width: 99%;
|
|
height: 140px;
|
|
display: inline-block;
|
|
border: 1px solid $gray;
|
|
.option {
|
|
padding: 8px;
|
|
border-bottom: 1px solid $gray;
|
|
}
|
|
.active {
|
|
background-color: $light-blue;
|
|
color: $blue;
|
|
}
|
|
}
|
|
|
|
#creport_settings_profiles_comment {
|
|
textarea {
|
|
width: 100%;
|
|
height: 80px;
|
|
}
|
|
}
|
|
|
|
.button_holder {
|
|
display: flex;
|
|
border-top: 1px solid $gray;
|
|
padding-top: 16px !important;
|
|
margin-top: 16px !important;
|
|
justify-content: space-between !important;
|
|
}
|
|
|
|
}
|
|
|
|
#div_mc_tables {
|
|
.button_holder {
|
|
border-top: 1px solid $gray;
|
|
padding-top: 16px;
|
|
}
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#newCReportProfile,
|
|
#renameCReportProfile {
|
|
.text {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
#renameCReportProfile,
|
|
#deleteCReportProfile {
|
|
.button_holder {
|
|
margin-top: 32px;
|
|
justify-content: flex-end;
|
|
margin-bottom: 0;
|
|
|
|
button {
|
|
margin: 0 0 0 16px;
|
|
}
|
|
}
|
|
}
|
|
|
|
//Filtri > Skupine
|
|
|
|
div#div_zanka_profiles {
|
|
width: 880px !important;
|
|
}
|
|
|
|
div#fs_list {
|
|
display: flex;
|
|
flex-direction: row;
|
|
width: 100%;
|
|
gap: 8px;
|
|
|
|
div#skupine_left,
|
|
div#skupine_right {
|
|
|
|
width: 50%;
|
|
|
|
div.top {
|
|
margin-bottom: 16px;
|
|
font-size: 14px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
|
|
div.clear_multiply {
|
|
|
|
margin-right: 18px;
|
|
|
|
label {
|
|
margin: 0 0 0 8px;
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
}
|
|
|
|
div.fs_container {
|
|
ul {
|
|
width: 100%!important;
|
|
|
|
li {
|
|
width: 100%!important;
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
//// TESTIRANJE /////
|
|
//Avtomatski vnosi - progress bar
|
|
.pbLabel {
|
|
height: 20px;
|
|
width: 160px;
|
|
vertical-align: middle;
|
|
padding: auto 0;
|
|
}
|
|
#pbRowPercent {
|
|
width: 500px;
|
|
height: 20px;
|
|
margin: 0 0 5px 0;
|
|
padding: 3px;
|
|
display: block;
|
|
background-color: white;
|
|
background: -webkit-gradient(linear, 0 0, 0 100%, from(#f6fbff), to(#fff) );
|
|
background: -moz-linear-gradient(top, #f6fbff, #fff);
|
|
border: 1px solid $light-blue;
|
|
div {
|
|
background-color: #C7ED8B;
|
|
height: 100%;
|
|
width: 0;
|
|
border: none;
|
|
-moz-box-shadow: 2px 0 5px $light-gray;
|
|
-webkit-box-shadow: 2px 0 5px $light-gray;
|
|
box-shadow: 2px 0 5px $light-gray;
|
|
}
|
|
}
|
|
#pbRowPercentLabel {
|
|
position: absolute;
|
|
z-index: 1px;
|
|
padding: 3px;
|
|
}
|
|
#hpbRowPercent {
|
|
visibility: hidden;
|
|
}
|
|
|
|
//Diagnostika
|
|
div#testiranje_preview_settings {
|
|
display: flex;
|
|
flex-direction: row;
|
|
|
|
gap: 64px;
|
|
|
|
.testiranje_preview_settings_left,
|
|
.testiranje_preview_settings_right {
|
|
width: fit-content;
|
|
|
|
.setting_holder {
|
|
width: fit-content;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
/////PODATKI/////
|
|
//Javna povezava
|
|
#div_survey_links {
|
|
min-width: 600px;
|
|
width: auto;
|
|
|
|
.hash_comment {
|
|
min-width: 200px;
|
|
height: 100%;
|
|
min-height: 1em;
|
|
outline: 1px solid $dark-gray;
|
|
display: inline-block;
|
|
}
|
|
}
|
|
|
|
//Statusi
|
|
fieldset.statusProfileFieldset {
|
|
|
|
div.valid_units_wrap {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
width: 500px;
|
|
margin-top: -8px;
|
|
|
|
div.valid_units_box {
|
|
width: 50%;
|
|
margin-top: 8px;
|
|
|
|
input {
|
|
&[type=checkbox][disabled] + label:before {
|
|
color: $dark-gray;
|
|
pointer-events: none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.setting_holder {
|
|
.setting_title {
|
|
font-size: 14px !important;
|
|
}
|
|
.setting_item {
|
|
label {
|
|
font-size: 14px !important;
|
|
}
|
|
}
|
|
|
|
.horizontal {
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
|
|
&.disabled {
|
|
pointer-events: none;
|
|
color: $dark-gray;
|
|
|
|
.setting_item {
|
|
|
|
label {
|
|
pointer-events: none;
|
|
color: $dark-gray;
|
|
}
|
|
}
|
|
|
|
}
|
|
}
|
|
}
|
|
|
|
#divStatusProfile,
|
|
#div_variable_profiles {
|
|
.popup_main {
|
|
&:not(.with_menu) {
|
|
border-bottom: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
//Pogoji
|
|
div#div_cp_preview_content,
|
|
div#div_condition_editing {
|
|
div#div_condition_editing_container{
|
|
background-color: $medium-blue;
|
|
padding: 12px;
|
|
|
|
div#div_condition_editing_inner {
|
|
|
|
div.condition_editing_preview {
|
|
div.condition_editing_naslov_holder {
|
|
div#div_condition_editing_conditions {
|
|
.clr_if,
|
|
.colorif {
|
|
color: $blue;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
div.condition_editing_body {
|
|
margin-top: 16px !important;
|
|
|
|
div.condition_editing_row {
|
|
div.white_holder {
|
|
padding: 16px;
|
|
}
|
|
}
|
|
}
|
|
|
|
div.div_condition_editing_operators {
|
|
margin: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
//Skrijemo gumbe pri pogoju znotraj filtra (ima svoje gumbe)
|
|
div.popup_right {
|
|
#div_cp_preview_content {
|
|
#if_popup_butons {
|
|
display: none !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
//Izračuni
|
|
|
|
#rec_spremenljivka_naslov {
|
|
margin-right: 4px;
|
|
}
|
|
|
|
.question_recode_table {
|
|
width: 100%;
|
|
white-space: nowrap;
|
|
td, th {
|
|
font-size: 14px;
|
|
select {
|
|
width: 100% !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
#divRecodeSprOption {
|
|
label {
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
#divRecodeSprNew {
|
|
.setting_holder {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
margin: 16px 0;
|
|
|
|
button {
|
|
width: fit-content;
|
|
min-width: auto;
|
|
}
|
|
input.text {
|
|
margin: 0 16px 0 16px;
|
|
|
|
&.none-left {
|
|
margin-left: 0;
|
|
}
|
|
}
|
|
.recode_end {
|
|
margin-left: 80px;
|
|
}
|
|
}
|
|
}
|
|
#coding_spr_new,
|
|
#divRecodeSprNew{
|
|
p, span {
|
|
font-size: 14px;
|
|
}
|
|
input {
|
|
margin: 0 16px 0 16px;
|
|
}
|
|
button {
|
|
width: fit-content;
|
|
min-width: auto;
|
|
}
|
|
}
|
|
|
|
table.question_recode_table {
|
|
|
|
table-layout: fixed;
|
|
|
|
border: 1px solid $gray;
|
|
|
|
td,th {
|
|
border-left: 1px solid $gray;
|
|
|
|
&.main_head {
|
|
width: 50%;
|
|
}
|
|
|
|
&.dark {
|
|
background-color: $light-gray2;
|
|
}
|
|
|
|
&.labela {
|
|
width: 190px;
|
|
overflow: hidden;
|
|
}
|
|
}
|
|
}
|
|
|
|
//Izbira spremenljivke pri kalkulaciji
|
|
|
|
div.column.variable {
|
|
select {
|
|
margin-left: 8px !important;
|
|
}
|
|
}
|
|
|
|
|
|
//////ANALIZA//////
|
|
//Zoom
|
|
div#inspect_div {
|
|
|
|
.setting_holder {
|
|
|
|
.horizontal {
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
}
|
|
}
|
|
|
|
div.popupShadow {
|
|
box-shadow: 0 0 10px 0 rgb(0 0 0 / 34%);
|
|
}
|
|
|
|
|
|
//Multitabele
|
|
div#newMCTable {
|
|
.setting_holder {
|
|
|
|
input.text{
|
|
width: 100% !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
div#mc_table_settings {
|
|
|
|
h3 {
|
|
font-weight: 700;
|
|
color: $blue;
|
|
text-transform: uppercase;
|
|
font-size: 14px;
|
|
overflow: hidden;
|
|
margin: 0 0 8px 0;
|
|
|
|
&:after {
|
|
content: "";
|
|
display: inline-block;
|
|
height: 0.5em;
|
|
vertical-align: bottom;
|
|
width: 100%;
|
|
margin-right: -100%;
|
|
margin-left: 12px;
|
|
border-top: 1px solid $gray;
|
|
}
|
|
}
|
|
|
|
form {
|
|
padding: 0;
|
|
}
|
|
}
|
|
|
|
#table_create_time {
|
|
margin: 16px 0 32px 0;
|
|
text-align: right;
|
|
}
|
|
|
|
//Pošilji arhiv
|
|
div#div_analiza_archive_name {
|
|
width: 900px !important;
|
|
|
|
div.setting_holder {
|
|
|
|
textarea.email {
|
|
height: 60px !important;
|
|
}
|
|
}
|
|
|
|
div#div_archives_email_wrap {
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 16px;
|
|
|
|
margin-top: 4px;
|
|
|
|
div#div_archives_email_left {
|
|
|
|
width: 60%;
|
|
|
|
}
|
|
|
|
div#div_archives_email_right {
|
|
min-height: 100% !important;
|
|
|
|
div.message_instructions {
|
|
background-color: $light-gray;
|
|
border: 1px solid $gray;
|
|
box-sizing: border-box;
|
|
padding: 16px;
|
|
width: 100%;
|
|
|
|
min-height: 100% !important;
|
|
|
|
div.sistemske {
|
|
p {
|
|
margin-bottom: 4px;
|
|
}
|
|
}
|
|
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
//////UPORABNIKI//////
|
|
|
|
div.user_settings {
|
|
|
|
div.segment {
|
|
|
|
.setting_holder {
|
|
|
|
&.horizontal {
|
|
display: flex !important;
|
|
flex-direction: row!important;
|
|
|
|
align-items: center;
|
|
|
|
span.setting_title {
|
|
margin-right: 8px;
|
|
}
|
|
}
|
|
|
|
&:last-of-type{
|
|
margin-bottom: 8px !important;
|
|
}
|
|
|
|
margin-bottom: 8px !important;
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
div.edit_user_content {
|
|
max-height: 500px;
|
|
overflow: auto;
|
|
}
|
|
|
|
div#invListAccess {
|
|
max-height: 200px;
|
|
overflow: auto;
|
|
} |