may/1KA_F2F
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[Redizajn 1KA] - Moje ankete --> Nova anketa - v6

Browse Source
This commit is contained in:
tejagerjovic 2022-01-06 16:05:13 +01:00
parent a411e3972b
commit df25e6cc53
7 changed files with 554 additions and 521 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
admin/survey/SurveyAdmin.php
View File

@ -293,7 +293,7 @@ class SurveyAdmin
echo '<header>'; echo '<header>';
// DESKTOP HEADER // DESKTOP HEADER
echo '<div class="desktop_header">'; echo '<div class="desktop_header '.(($this->hide_header == "hide_header") ? 'displayNone' : '').'">';
// Znotraj posamezne ankete // Znotraj posamezne ankete
if($this->anketa > 0){ if($this->anketa > 0){

3
admin/survey/classes/class.NewSurvey.php
View File

@ -37,8 +37,11 @@ class NewSurvey{
// Desna stran - vsebina // Desna stran - vsebina
echo '<div class="layout_right_item">'; echo '<div class="layout_right_item">';
echo '<div class="layout_right_centering">';
echo '<span class="faicon fa-times ultra_dark_gray pointer" onClick="window.location=\''.$site_url . 'admin/survey/index.php\';return false;"></span>';
$this->displayRightContent(); $this->displayRightContent();
echo '</div>'; echo '</div>';
echo '</div>';
} }
// Izris levega menija // Izris levega menija

169
public/css/admin_new.css
View File

@ -5177,6 +5177,10 @@ span.faicon.red,
a.faicon.red { a.faicon.red {
color: #FF0000; color: #FF0000;
} }
span.faicon.ultra_dark_gray,
a.faicon.ultra_dark_gray {
color: #555555;
}
span.faicon.fa-stack, span.faicon.fa-stack,
a.faicon.fa-stack { a.faicon.fa-stack {
height: 1em; height: 1em;
@ -13890,7 +13894,7 @@ div#main.hide_header {
border-bottom: none; border-bottom: none;
box-sizing: border-box; box-sizing: border-box;
flex-shrink: 0; flex-shrink: 0;
margin-right: 100px; margin-right: 64px;
box-shadow: none; box-shadow: none;
height: fit-content; height: fit-content;
} }
@ -13898,7 +13902,7 @@ div#main.hide_header {
display: flex; display: flex;
align-items: center; align-items: center;
margin-bottom: 4px; margin-bottom: 4px;
padding: 24px 0 24px 71px; padding: 24px 0 24px 75px;
border: 1px solid #E5E5E5; border: 1px solid #E5E5E5;
color: #333333; color: #333333;
background-color: #F8F8F8; background-color: #F8F8F8;
@ -13946,51 +13950,60 @@ and open the template in the editor.
} }
#new_anketa_div .layout_right_item { #new_anketa_div .layout_right_item {
margin-top: 64px; margin-top: 64px;
display: flex;
justify-content: center;
} }
#new_anketa_div .layout_right_item .fieldset .pre-title { #new_anketa_div .layout_right_item .layout_right_centering span.faicon.fa-times {
position: absolute;
top: 0;
right: 0;
margin-top: 12px;
margin-right: 12px;
}
#new_anketa_div .layout_right_item .layout_right_centering .fieldset .pre-title {
color: #1E88E5; color: #1E88E5;
font-weight: 600; font-weight: 600;
} }
#new_anketa_div .layout_right_item .fieldset .title { #new_anketa_div .layout_right_item .layout_right_centering .fieldset .title {
margin-bottom: 32px; margin-bottom: 32px;
font-size: 26px; font-size: 26px;
} }
#new_anketa_div .layout_right_item .fieldset p.bottom32 { #new_anketa_div .layout_right_item .layout_right_centering .fieldset p.bottom32 {
margin-bottom: 32px; margin-bottom: 32px;
} }
#new_anketa_div .layout_right_item .fieldset p.top32 { #new_anketa_div .layout_right_item .layout_right_centering .fieldset p.top32 {
margin-top: 32px; margin-top: 32px;
} }
#new_anketa_div .layout_right_item .fieldset .setting_horizontal_wrapper { #new_anketa_div .layout_right_item .layout_right_centering .fieldset .setting_horizontal_wrapper {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
margin-bottom: 32px; margin-bottom: 32px;
} }
#new_anketa_div .layout_right_item .fieldset .setting_holder { #new_anketa_div .layout_right_item .layout_right_centering .fieldset .setting_holder {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin-right: 36px; margin-right: 36px;
} }
#new_anketa_div .layout_right_item .fieldset .setting_holder input[type=text] { #new_anketa_div .layout_right_item .layout_right_centering .fieldset .setting_holder input[type=text] {
width: 332px; width: 332px;
} }
#new_anketa_div .layout_right_item .fieldset .setting_holder select.dropdown { #new_anketa_div .layout_right_item .layout_right_centering .fieldset .setting_holder select.dropdown {
width: 332px; width: 332px;
} }
#new_anketa_div .layout_right_item .fieldset .setting_holder span.charalimit { #new_anketa_div .layout_right_item .layout_right_centering .fieldset .setting_holder span.charalimit {
font-size: 12px; font-size: 12px;
line-height: 15px; line-height: 15px;
width: 332px; width: 332px;
color: #777777; color: #777777;
text-align: right; text-align: right;
} }
#new_anketa_div .layout_right_item .fieldset .setting .radioSetting_type.active { #new_anketa_div .layout_right_item .layout_right_centering .fieldset .setting .radioSetting_type.active {
color: #777777; color: #777777;
} }
#new_anketa_div .layout_right_item .fieldset .setting input[type=file]#restore { #new_anketa_div .layout_right_item .layout_right_centering .fieldset .setting input[type=file]#restore {
display: none; display: none;
} }
#new_anketa_div .layout_right_item .fieldset .setting label.custom_file_upload { #new_anketa_div .layout_right_item .layout_right_centering .fieldset .setting label.custom_file_upload {
box-sizing: border-box; box-sizing: border-box;
cursor: pointer; cursor: pointer;
font-weight: 600; font-weight: 600;
@ -14005,80 +14018,80 @@ and open the template in the editor.
background-color: #E5E5E5; background-color: #E5E5E5;
border: 1px #333333 solid; border: 1px #333333 solid;
} }
#new_anketa_div .layout_right_item .fieldset .setting label.custom_file_upload:hover { #new_anketa_div .layout_right_item .layout_right_centering .fieldset .setting label.custom_file_upload:hover {
background-color: #d8d8d8; background-color: #d8d8d8;
} }
#new_anketa_div .layout_right_item .fieldset .setting input[type=radio] { #new_anketa_div .layout_right_item .layout_right_centering .fieldset .setting input[type=radio] {
margin: 0 8px 4px 0; margin: 0 8px 4px 0;
display: none !important; display: none !important;
} }
#new_anketa_div .layout_right_item .fieldset .setting input[type=radio] + span.enka-checkbox-radio { #new_anketa_div .layout_right_item .layout_right_centering .fieldset .setting input[type=radio] + span.enka-checkbox-radio {
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
} }
#new_anketa_div .layout_right_item .fieldset .setting input[type=radio] + span.enka-checkbox-radio:before { #new_anketa_div .layout_right_item .layout_right_centering .fieldset .setting input[type=radio] + span.enka-checkbox-radio:before {
font-family: "Font Awesome 5 Free"; font-family: "Font Awesome 5 Free";
display: inline-block; display: inline-block;
content: "\f111"; content: "\f111";
letter-spacing: 10px; letter-spacing: 10px;
} }
#new_anketa_div .layout_right_item .fieldset .setting input[type=radio] + span.enka-custom-radio:before { #new_anketa_div .layout_right_item .layout_right_centering .fieldset .setting input[type=radio] + span.enka-custom-radio:before {
font-family: "Font Awesome 5 Free"; font-family: "Font Awesome 5 Free";
display: inline-block; display: inline-block;
} }
#new_anketa_div .layout_right_item .fieldset .setting input[type=radio]:checked + span.enka-checkbox-radio:before { #new_anketa_div .layout_right_item .layout_right_centering .fieldset .setting input[type=radio]:checked + span.enka-checkbox-radio:before {
content: "\f192"; content: "\f192";
} }
#new_anketa_div .layout_right_item .fieldset .setting input[type=checkbox] { #new_anketa_div .layout_right_item .layout_right_centering .fieldset .setting input[type=checkbox] {
display: none !important; display: none !important;
} }
#new_anketa_div .layout_right_item .fieldset .setting input[type=checkbox] + span.enka-checkbox-radio { #new_anketa_div .layout_right_item .layout_right_centering .fieldset .setting input[type=checkbox] + span.enka-checkbox-radio {
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
color: #1E88E5; color: #1E88E5;
} }
#new_anketa_div .layout_right_item .fieldset .setting input[type=checkbox] + span.enka-checkbox-radio:before { #new_anketa_div .layout_right_item .layout_right_centering .fieldset .setting input[type=checkbox] + span.enka-checkbox-radio:before {
font-family: "Font Awesome 5 Free"; font-family: "Font Awesome 5 Free";
display: inline-block; display: inline-block;
content: "\f0c8"; content: "\f0c8";
letter-spacing: 10px; letter-spacing: 10px;
} }
#new_anketa_div .layout_right_item .fieldset .setting input[type=checkbox]:checked + span.enka-checkbox-radio:before { #new_anketa_div .layout_right_item .layout_right_centering .fieldset .setting input[type=checkbox]:checked + span.enka-checkbox-radio:before {
content: "\f14a"; content: "\f14a";
letter-spacing: 8px; letter-spacing: 8px;
} }
#new_anketa_div .layout_right_item .fieldset .setting .custom_radio_picture.obarvan > label > span.enka-custom-radio:before { #new_anketa_div .layout_right_item .layout_right_centering .fieldset .setting .custom_radio_picture.obarvan > label > span.enka-custom-radio:before {
color: #1E88E5; color: #1E88E5;
} }
#new_anketa_div .layout_right_item .fieldset .setting .visual-radio-scale.checked .enka-vizualna-skala::before { #new_anketa_div .layout_right_item .layout_right_centering .fieldset .setting .visual-radio-scale.checked .enka-vizualna-skala::before {
color: #1E88E5; color: #1E88E5;
} }
#new_anketa_div .layout_right_item .fieldset .survey_title_text_holder { #new_anketa_div .layout_right_item .layout_right_centering .fieldset .survey_title_text_holder {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: flex-start; justify-content: flex-start;
} }
#new_anketa_div .layout_right_item .fieldset .survey_title_text_holder .setting.survey_title_text { #new_anketa_div .layout_right_item .layout_right_centering .fieldset .survey_title_text_holder .setting.survey_title_text {
width: 350px; width: 350px;
margin-right: 20px; margin-right: 20px;
} }
#new_anketa_div .layout_right_item .fieldset .survey_title_text_holder .setting.survey_title_text span { #new_anketa_div .layout_right_item .layout_right_centering .fieldset .survey_title_text_holder .setting.survey_title_text span {
line-height: 28px; line-height: 28px;
} }
#new_anketa_div .layout_right_item .fieldset .survey_title_text_holder .setting.survey_title_text select { #new_anketa_div .layout_right_item .layout_right_centering .fieldset .survey_title_text_holder .setting.survey_title_text select {
height: 40px; height: 40px;
width: 330px; width: 330px;
font-size: 15px !important; font-size: 15px !important;
} }
#new_anketa_div .layout_right_item .fieldset .survey_type_holder { #new_anketa_div .layout_right_item .layout_right_centering .fieldset .survey_type_holder {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: flex-start; justify-content: flex-start;
} }
#new_anketa_div .layout_right_item .fieldset .survey_type_holder label { #new_anketa_div .layout_right_item .layout_right_centering .fieldset .survey_type_holder label {
margin: 0; margin: 0;
} }
#new_anketa_div .layout_right_item .fieldset .survey_type_holder .setting.survey_type { #new_anketa_div .layout_right_item .layout_right_centering .fieldset .survey_type_holder .setting.survey_type {
cursor: pointer; cursor: pointer;
width: 332px; width: 332px;
max-height: 68px; max-height: 68px;
@ -14091,23 +14104,23 @@ and open the template in the editor.
-moz-border-radius: 2px; -moz-border-radius: 2px;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
} }
#new_anketa_div .layout_right_item .fieldset .survey_type_holder .setting.survey_type:hover { #new_anketa_div .layout_right_item .layout_right_centering .fieldset .survey_type_holder .setting.survey_type:hover {
background-color: #f3f3f3; background-color: #f3f3f3;
} }
#new_anketa_div .layout_right_item .fieldset .survey_type_holder .setting.survey_type span.faicon { #new_anketa_div .layout_right_item .layout_right_centering .fieldset .survey_type_holder .setting.survey_type span.faicon {
margin-right: 20px; margin-right: 20px;
} }
#new_anketa_div .layout_right_item .fieldset .survey_type_holder .setting.survey_type.active { #new_anketa_div .layout_right_item .layout_right_centering .fieldset .survey_type_holder .setting.survey_type.active {
border-color: #1E88E5; border-color: #1E88E5;
background-color: #1E88E5; background-color: #1E88E5;
color: #FFFFFF; color: #FFFFFF;
} }
#new_anketa_div .layout_right_item .fieldset.noSurvey_skin { #new_anketa_div .layout_right_item .layout_right_centering .fieldset.noSurvey_skin {
overflow: hidden; overflow: hidden;
height: 270px; height: 270px;
display: none; display: none;
} }
#new_anketa_div .layout_right_item .fieldset.noSurvey_skin #skins_holder { #new_anketa_div .layout_right_item .layout_right_centering .fieldset.noSurvey_skin #skins_holder {
overflow: hidden; overflow: hidden;
position: absolute; position: absolute;
height: 220px; height: 220px;
@ -14115,10 +14128,10 @@ and open the template in the editor.
left: 120px; left: 120px;
margin-top: 10px; margin-top: 10px;
} }
#new_anketa_div .layout_right_item .fieldset.noSurvey_skin #skins_holder #noSurvey_skins { #new_anketa_div .layout_right_item .layout_right_centering .fieldset.noSurvey_skin #skins_holder #noSurvey_skins {
width: 3450px; width: 3450px;
} }
#new_anketa_div .layout_right_item .fieldset.noSurvey_skin #noSurvey_skins .skin { #new_anketa_div .layout_right_item .layout_right_centering .fieldset.noSurvey_skin #noSurvey_skins .skin {
cursor: pointer; cursor: pointer;
float: left; float: left;
margin: 0 10px; margin: 0 10px;
@ -14131,44 +14144,44 @@ and open the template in the editor.
-moz-border-radius: 3px; -moz-border-radius: 3px;
-webkit-border-radius: 3px;*/ -webkit-border-radius: 3px;*/
} }
#new_anketa_div .layout_right_item .fieldset.noSurvey_skin #noSurvey_skins .skin:hover { #new_anketa_div .layout_right_item .layout_right_centering .fieldset.noSurvey_skin #noSurvey_skins .skin:hover {
color: #777777; color: #777777;
background-color: #187bd1; background-color: #187bd1;
border: none; border: none;
} }
#new_anketa_div .layout_right_item .fieldset.noSurvey_skin #noSurvey_skins .skin .preview { #new_anketa_div .layout_right_item .layout_right_centering .fieldset.noSurvey_skin #noSurvey_skins .skin .preview {
width: 200px; width: 200px;
height: 150px; height: 150px;
margin-bottom: 4px; margin-bottom: 4px;
border: none; border: none;
} }
#new_anketa_div .layout_right_item .fieldset.noSurvey_skin #noSurvey_skins .skin.selected { #new_anketa_div .layout_right_item .layout_right_centering .fieldset.noSurvey_skin #noSurvey_skins .skin.selected {
color: #777777; color: #777777;
background-color: #FF0000; background-color: #FF0000;
border: none; border: none;
} }
#new_anketa_div .layout_right_item .fieldset.noSurvey_skin #noSurvey_skins .skin.selected .preview { #new_anketa_div .layout_right_item .layout_right_centering .fieldset.noSurvey_skin #noSurvey_skins .skin.selected .preview {
border: none; border: none;
} }
#new_anketa_div .layout_right_item .fieldset.noSurvey_skin #skin_arrow_left { #new_anketa_div .layout_right_item .layout_right_centering .fieldset.noSurvey_skin #skin_arrow_left {
float: left; float: left;
width: 30px; width: 30px;
height: 40px; height: 40px;
margin-top: 80px; margin-top: 80px;
margin-left: 20px; margin-left: 20px;
} }
#new_anketa_div .layout_right_item .fieldset.noSurvey_skin #skin_arrow_right { #new_anketa_div .layout_right_item .layout_right_centering .fieldset.noSurvey_skin #skin_arrow_right {
float: right; float: right;
width: 30px; width: 30px;
height: 40px; height: 40px;
margin-top: 80px; margin-top: 80px;
} }
#new_anketa_div .layout_right_item .noSurvey_buttons { #new_anketa_div .layout_right_item .layout_right_centering .noSurvey_buttons {
width: auto; width: auto;
margin: 20px auto; margin: 20px auto;
text-align: center; text-align: center;
} }
#new_anketa_div .layout_right_item .noSurvey_buttons a #noSurvey_create { #new_anketa_div .layout_right_item .layout_right_centering .noSurvey_buttons a #noSurvey_create {
display: inline-block; display: inline-block;
padding: 12px 0px; padding: 12px 0px;
margin: 8px 15px; margin: 8px 15px;
@ -14182,10 +14195,10 @@ and open the template in the editor.
color: white; color: white;
background-color: #1E88E5; background-color: #1E88E5;
} }
#new_anketa_div .layout_right_item .noSurvey_buttons a #noSurvey_create:hover { #new_anketa_div .layout_right_item .layout_right_centering .noSurvey_buttons a #noSurvey_create:hover {
background-color: #FF0000; background-color: #FF0000;
} }
#new_anketa_div .layout_right_item .noSurvey_buttons a #noSurvey_cancel { #new_anketa_div .layout_right_item .layout_right_centering .noSurvey_buttons a #noSurvey_cancel {
display: inline-block; display: inline-block;
padding: 11px 0px; padding: 11px 0px;
margin: 8px 15px; margin: 8px 15px;
@ -14200,23 +14213,23 @@ and open the template in the editor.
background-color: #ffffff; background-color: #ffffff;
border: 1px #1E88E5 solid; border: 1px #1E88E5 solid;
} }
#new_anketa_div .layout_right_item .noSurvey_buttons a #noSurvey_cancel:hover { #new_anketa_div .layout_right_item .layout_right_centering .noSurvey_buttons a #noSurvey_cancel:hover {
background-color: #1E88E5; background-color: #1E88E5;
color: white !important; color: white !important;
} }
#new_anketa_div .layout_right_item .noSurvey_template { #new_anketa_div .layout_right_item .layout_right_centering .noSurvey_template {
overflow: auto; overflow: auto;
} }
#new_anketa_div .layout_right_item .noSurvey_template .template { #new_anketa_div .layout_right_item .layout_right_centering .noSurvey_template .template {
cursor: pointer; cursor: pointer;
float: left; float: left;
margin: 0 30px 30px 20px; margin: 0 30px 30px 20px;
width: 200px; width: 200px;
} }
#new_anketa_div .layout_right_item .noSurvey_template .template:hover { #new_anketa_div .layout_right_item .layout_right_centering .noSurvey_template .template:hover {
color: #777777; color: #777777;
} }
#new_anketa_div .layout_right_item .noSurvey_template .template .template_content { #new_anketa_div .layout_right_item .layout_right_centering .noSurvey_template .template .template_content {
overflow: hidden; overflow: hidden;
width: 200px; width: 200px;
height: 189px; height: 189px;
@ -14228,11 +14241,11 @@ and open the template in the editor.
-moz-border-radius: 3px; -moz-border-radius: 3px;
-webkit-border-radius: 3px;*/ -webkit-border-radius: 3px;*/
} }
#new_anketa_div .layout_right_item .noSurvey_template .template .template_content:hover { #new_anketa_div .layout_right_item .layout_right_centering .noSurvey_template .template .template_content:hover {
background-color: #187bd1; background-color: #187bd1;
border: none; border: none;
} }
#new_anketa_div .layout_right_item .noSurvey_template .template .template_content .template_content_white { #new_anketa_div .layout_right_item .layout_right_centering .noSurvey_template .template .template_content .template_content_white {
width: 190px; width: 190px;
height: 120px; height: 120px;
padding: 15px 5px; padding: 15px 5px;
@ -14241,43 +14254,43 @@ and open the template in the editor.
font-weight: 400; font-weight: 400;
background-color: white; background-color: white;
} }
#new_anketa_div .layout_right_item .noSurvey_template .template .template_content .template_title { #new_anketa_div .layout_right_item .layout_right_centering .noSurvey_template .template .template_content .template_title {
font-size: 13px; font-size: 13px;
text-transform: uppercase; text-transform: uppercase;
} }
#new_anketa_div .layout_right_item .noSurvey_template .template .template_preview { #new_anketa_div .layout_right_item .layout_right_centering .noSurvey_template .template .template_preview {
margin-right: -15px; margin-right: -15px;
float: right; float: right;
padding: 5px 0 5px 5px; padding: 5px 0 5px 5px;
font-size: 12px; font-size: 12px;
font-weight: 400; font-weight: 400;
} }
#new_anketa_div .layout_right_item .noSurvey_template .template.selected { #new_anketa_div .layout_right_item .layout_right_centering .noSurvey_template .template.selected {
color: #777777; color: #777777;
} }
#new_anketa_div .layout_right_item .noSurvey_template .template.selected .template_content { #new_anketa_div .layout_right_item .layout_right_centering .noSurvey_template .template.selected .template_content {
background-color: #FF0000; background-color: #FF0000;
border: none; border: none;
} }
#new_anketa_div .layout_right_item .noSurvey_template select.template_type_menu { #new_anketa_div .layout_right_item .layout_right_centering .noSurvey_template select.template_type_menu {
display: none; display: none;
} }
#new_anketa_div .layout_right_item .anketa_from_text { #new_anketa_div .layout_right_item .layout_right_centering .anketa_from_text {
height: auto; height: auto;
overflow: auto; overflow: auto;
} }
#new_anketa_div .layout_right_item .anketa_from_text .from_text_sidebyside_holder { #new_anketa_div .layout_right_item .layout_right_centering .anketa_from_text .from_text_sidebyside_holder {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
} }
#new_anketa_div .layout_right_item .anketa_from_text .from_text_sidebyside_holder #input_field_holder { #new_anketa_div .layout_right_item .layout_right_centering .anketa_from_text .from_text_sidebyside_holder #input_field_holder {
box-sizing: border-box; box-sizing: border-box;
flex-shrink: 0; flex-shrink: 0;
} }
#new_anketa_div .layout_right_item .anketa_from_text .from_text_sidebyside_holder #input_field_holder #input_field { #new_anketa_div .layout_right_item .layout_right_centering .anketa_from_text .from_text_sidebyside_holder #input_field_holder #input_field {
margin-right: 32px; margin-right: 32px;
} }
#new_anketa_div .layout_right_item .anketa_from_text .from_text_sidebyside_holder #input_field_holder #input_field textarea { #new_anketa_div .layout_right_item .layout_right_centering .anketa_from_text .from_text_sidebyside_holder #input_field_holder #input_field textarea {
width: 519px; width: 519px;
height: 509px; height: 509px;
box-sizing: border-box; box-sizing: border-box;
@ -14285,17 +14298,17 @@ and open the template in the editor.
margin-top: 0; margin-top: 0;
padding: 16px; padding: 16px;
} }
#new_anketa_div .layout_right_item .anketa_from_text .from_text_sidebyside_holder #input_field_holder #input_field textarea:focus::-webkit-input-placeholder { #new_anketa_div .layout_right_item .layout_right_centering .anketa_from_text .from_text_sidebyside_holder #input_field_holder #input_field textarea:focus::-webkit-input-placeholder {
color: transparent; color: transparent;
} }
#new_anketa_div .layout_right_item .anketa_from_text .from_text_sidebyside_holder #input_field_holder #input_field textarea:focus::-moz-placeholder { #new_anketa_div .layout_right_item .layout_right_centering .anketa_from_text .from_text_sidebyside_holder #input_field_holder #input_field textarea:focus::-moz-placeholder {
color: transparent; color: transparent;
} }
#new_anketa_div .layout_right_item .anketa_from_text .from_text_sidebyside_holder #preview_field_holder { #new_anketa_div .layout_right_item .layout_right_centering .anketa_from_text .from_text_sidebyside_holder #preview_field_holder {
box-sizing: border-box; box-sizing: border-box;
flex-shrink: 0; flex-shrink: 0;
} }
#new_anketa_div .layout_right_item .anketa_from_text .from_text_sidebyside_holder #preview_field_holder #preview_field { #new_anketa_div .layout_right_item .layout_right_centering .anketa_from_text .from_text_sidebyside_holder #preview_field_holder #preview_field {
width: 519px; width: 519px;
height: 509px; height: 509px;
box-sizing: border-box; box-sizing: border-box;
@ -14304,13 +14317,13 @@ and open the template in the editor.
border: 1px #E5E5E5 solid; border: 1px #E5E5E5 solid;
border-radius: 2px; border-radius: 2px;
} }
#new_anketa_div .layout_right_item .anketa_from_text .from_text_sidebyside_holder #preview_field_holder #preview_field span.variable_title { #new_anketa_div .layout_right_item .layout_right_centering .anketa_from_text .from_text_sidebyside_holder #preview_field_holder #preview_field span.variable_title {
margin-top: 16px; margin-top: 16px;
} }
#new_anketa_div .layout_right_item .anketa_from_text .from_text_sidebyside_holder #preview_field_holder #preview_field span.variable_title:first-of-type { #new_anketa_div .layout_right_item .layout_right_centering .anketa_from_text .from_text_sidebyside_holder #preview_field_holder #preview_field span.variable_title:first-of-type {
margin-top: 0px; margin-top: 0px;
} }
#new_anketa_div .layout_right_item .anketa_from_text .from_text_sidebyside_holder #preview_field_holder #preview_field span.variable_title input[type=text] { #new_anketa_div .layout_right_item .layout_right_centering .anketa_from_text .from_text_sidebyside_holder #preview_field_holder #preview_field span.variable_title input[type=text] {
border: 1px solid #C4C4C4; border: 1px solid #C4C4C4;
box-sizing: border-box; box-sizing: border-box;
border-radius: 2px; border-radius: 2px;
@ -14318,19 +14331,19 @@ and open the template in the editor.
margin-top: 4px; margin-top: 4px;
font-family: Source Sans Pro, sans-serif; font-family: Source Sans Pro, sans-serif;
} }
#new_anketa_div .layout_right_item .anketa_from_text .from_text_sidebyside_holder #preview_field_holder #preview_field span.variable_title input[type=text].large { #new_anketa_div .layout_right_item .layout_right_centering .anketa_from_text .from_text_sidebyside_holder #preview_field_holder #preview_field span.variable_title input[type=text].large {
height: 40px; height: 40px;
font-size: 16px; font-size: 16px;
padding: 9px 7px; padding: 9px 7px;
} }
#new_anketa_div .layout_right_item .anketa_from_text .from_text_sidebyside_holder #preview_field_holder #preview_field span.variable { #new_anketa_div .layout_right_item .layout_right_centering .anketa_from_text .from_text_sidebyside_holder #preview_field_holder #preview_field span.variable {
color: #333333 !important; color: #333333 !important;
margin-top: 8px; margin-top: 8px;
} }
#new_anketa_div .layout_right_item .anketa_from_text .from_text_sidebyside_holder #preview_field_holder #preview_field span.variable input[type=radio] { #new_anketa_div .layout_right_item .layout_right_centering .anketa_from_text .from_text_sidebyside_holder #preview_field_holder #preview_field span.variable input[type=radio] {
display: none !important; display: none !important;
} }
#new_anketa_div .layout_right_item .anketa_from_text .from_text_sidebyside_holder #preview_field_holder #preview_field span.variable input[type=radio] + span.enka-checkbox-radio:before { #new_anketa_div .layout_right_item .layout_right_centering .anketa_from_text .from_text_sidebyside_holder #preview_field_holder #preview_field span.variable input[type=radio] + span.enka-checkbox-radio:before {
font-family: "Font Awesome 5 Free"; font-family: "Font Awesome 5 Free";
content: "\f111"; content: "\f111";
display: inline-block; display: inline-block;

1
resources/sass/admin_new/basic/colors.scss
View File

@ -10,6 +10,7 @@ $dark-blue: #0059ab;
$black: #333333; $black: #333333;
$white: #FFFFFF; $white: #FFFFFF;
$ultra-dark-gray: #555555;
$very-dark-gray: #777777; $very-dark-gray: #777777;
$very-dark-gray2: #808080; $very-dark-gray2: #808080;
$dark-gray: #C4C4C4; $dark-gray: #C4C4C4;

3
resources/sass/admin_new/basic/icons/icons.scss
View File

@ -44,6 +44,9 @@ a.faicon{
&.red { &.red {
color: $red; color: $red;
} }
&.ultra_dark_gray {
color: $ultra-dark-gray;
}
//STACKING //STACKING
&.fa-stack { &.fa-stack {

4
resources/sass/admin_new/pages/new_survey_page/left_menu.scss
View File

@ -14,7 +14,7 @@
box-sizing: border-box; box-sizing: border-box;
flex-shrink: 0; flex-shrink: 0;
margin-right: 100px; margin-right: 64px;
box-shadow: none; box-shadow: none;
@ -24,7 +24,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
margin-bottom: 4px; margin-bottom: 4px;
padding: 24px 0 24px 71px; padding: 24px 0 24px 75px;
border: 1px solid $gray; border: 1px solid $gray;
color: $black; color: $black;

865
resources/sass/admin_new/pages/new_survey_page/right_content.scss
View File

@ -24,509 +24,522 @@ $skin_selector: $red;
} }
.layout_right_item{ .layout_right_item{
margin-top: 64px; margin-top: 64px;
display: flex;
justify-content: center;
.fieldset { .layout_right_centering {
.pre-title { span.faicon.fa-times {
color: $blue; position: absolute;
font-weight: $semi-bold; top: 0;
right: 0;
margin-top: 12px;
margin-right: 12px;
} }
.title { .fieldset {
margin-bottom: 32px;
font-size: 26px;
}
p { .pre-title {
&.bottom32 { color: $blue;
font-weight: $semi-bold;
}
.title {
margin-bottom: 32px; margin-bottom: 32px;
font-size: 26px;
} }
&.top32 {
margin-top: 32px; p {
&.bottom32 {
margin-bottom: 32px;
}
&.top32 {
margin-top: 32px;
}
} }
}
.setting_horizontal_wrapper { .setting_horizontal_wrapper {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
margin-bottom: 32px; margin-bottom: 32px;
} }
.setting_holder { .setting_holder {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin-right: 36px; margin-right: 36px;
input { input {
&[type="text"] { &[type="text"] {
width: 332px;
}
}
select.dropdown{
width: 332px; width: 332px;
} }
span.charalimit {
font-size: 12px;
line-height: 15px;
width: 332px;
color: $very-dark-gray;
text-align: right;
}
} }
select.dropdown{ .setting {
width: 332px; .radioSetting_type.active {
} color: $selectors;
span.charalimit {
font-size: 12px;
line-height: 15px;
width: 332px;
color: $very-dark-gray;
text-align: right;
}
}
.setting {
.radioSetting_type.active {
color: $selectors;
}
//Custom inputi
input[type="file"]#restore {
display: none;
}
//Button - medium - gray
label.custom_file_upload {
box-sizing: border-box;
cursor: pointer;
font-weight: $semi-bold;
font-family: $font_family;
box-shadow: none;
border: 0;
transition: 0.3s;
padding: 10px 32px;
min-width: 160px;
font-size: 16px;
color: $black;
background-color: $gray;
border: 1px $black solid;
&:hover {
background-color: darken($gray, 5%);
} }
//Custom inputi
input[type="file"]#restore {
display: none;
}
} //Button - medium - gray
label.custom_file_upload {
box-sizing: border-box;
cursor: pointer;
input[type="radio"] { font-weight: $semi-bold;
margin: 0 8px 4px 0; font-family: $font_family;
display: none !important;
&+span.enka-checkbox-radio { box-shadow: none;
&:before { border: 0;
font-family: $fontawesome;
display: inline-block; transition: 0.3s;
content: "\f111";
letter-spacing: 10px; padding: 10px 32px;
} min-width: 160px;
font-size: 16px; font-size: 16px;
font-weight: 400;
} color: $black;
&+span.enka-custom-radio {
&:before { background-color: $gray;
font-family: $fontawesome; border: 1px $black solid;
display: inline-block;
&:hover {
background-color: darken($gray, 5%);
} }
} }
&:checked {
input[type="radio"] {
margin: 0 8px 4px 0;
display: none !important;
&+span.enka-checkbox-radio { &+span.enka-checkbox-radio {
&:before { &:before {
content: "\f192"; font-family: $fontawesome;
display: inline-block;
content: "\f111";
letter-spacing: 10px;
}
font-size: 16px;
font-weight: 400;
}
&+span.enka-custom-radio {
&:before {
font-family: $fontawesome;
display: inline-block;
}
}
&:checked {
&+span.enka-checkbox-radio {
&:before {
content: "\f192";
}
} }
} }
} }
} input[type="checkbox"] {
input[type="checkbox"] { display: none !important;
display: none !important; &+span.enka-checkbox-radio {
&+span.enka-checkbox-radio { &:before {
&:before { font-family: $fontawesome;
font-family: $fontawesome; display: inline-block;
display: inline-block; content: "\f0c8";
content: "\f0c8"; letter-spacing: 10px;
letter-spacing: 10px; }
font-size: 16px;
font-weight: 400;
color: $radio_selector;
} }
font-size: 16px; &:checked {
font-weight: 400; &+span.enka-checkbox-radio {
&:before {
content: "\f14a";
letter-spacing: 8px;
}
}
}
}
.custom_radio_picture.obarvan {
>label {
>span.enka-custom-radio {
&:before {
color: $radio_selector;
}
}
}
}
.visual-radio-scale.checked .enka-vizualna-skala::before{
color: $radio_selector; color: $radio_selector;
} }
&:checked {
&+span.enka-checkbox-radio {
&:before {
content: "\f14a";
letter-spacing: 8px;
}
}
}
}
.custom_radio_picture.obarvan {
>label {
>span.enka-custom-radio {
&:before {
color: $radio_selector;
}
}
}
}
.visual-radio-scale.checked .enka-vizualna-skala::before{
color: $radio_selector;
}
}
.survey_title_text_holder{
display: flex;
flex-direction: row;
justify-content: flex-start;
.setting.survey_title_text{
width: 350px;
margin-right: 20px;
span{
line-height: 28px;
}
select{
height: 40px;
width: 330px;
font-size: 15px !important;
}
}
}
.survey_type_holder{
display: flex;
flex-direction: row;
justify-content: flex-start;
label {
margin: 0;
} }
.setting.survey_type{
cursor: pointer;
width: 332px; .survey_title_text_holder{
max-height: 68px; display: flex;
margin-right: 36px; flex-direction: row;
padding: 26px 0; justify-content: flex-start;
text-align: center;
border: 1px $gray solid; .setting.survey_title_text{
background-color: $light-gray; width: 350px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
&:hover{
background-color: darken($light-gray, 2%);
}
span.faicon{
margin-right: 20px; margin-right: 20px;
}
} span{
.setting.survey_type.active{ line-height: 28px;
border-color: $blue; }
background-color: $blue;
color: $white;
}
}
}
.fieldset.noSurvey_skin {
overflow: hidden;
height: 270px;
display: none;
#skins_holder { select{
overflow: hidden; height: 40px;
position: absolute; width: 330px;
height: 220px;
width: 83%;
left: 120px;
margin-top: 10px;
#noSurvey_skins { font-size: 15px !important;
width: 3450px; }
}
}
#noSurvey_skins {
.skin {
cursor: pointer;
float: left;
margin: 0 10px;
padding: 5px 5px 15px 5px;
font-size: 13px;
text-transform: uppercase;
background-color: $default_template_background;
border: none;
/*border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;*/
&:hover {
color: $selectors;
background-color: darken( $blue, 5% );
border: none;
}
.preview {
width: 200px;
height: 150px;
margin-bottom: 4px;
border: none;
} }
} }
.skin.selected { .survey_type_holder{
color: $selectors; display: flex;
background-color: $skin_selector; flex-direction: row;
border: none; justify-content: flex-start;
.preview {
border: none;
}
}
}
#skin_arrow_left {
float: left;
width: 30px;
height: 40px;
margin-top: 80px;
margin-left: 20px;
}
#skin_arrow_right {
float: right;
width: 30px;
height: 40px;
margin-top: 80px;
}
}
.noSurvey_buttons {
width: auto;
margin: 20px auto;
text-align: center;
a {
#noSurvey_create {
display: inline-block;
padding: 12px 0px;
margin: 8px 15px;
width: 120px;
text-align: center; label {
font-size: 15px; margin: 0;
font-weight: 500;
border-radius: 40px;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
color: $button_text;
background-color: $blue;
&:hover {
background-color: $red;
}
}
#noSurvey_cancel {
display: inline-block;
padding: 11px 0px;
margin: 8px 15px;
width: 120px;
text-align: center;
font-size: 15px;
font-weight: 500;
border-radius: 40px;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
color: $blue !important;
background-color: #ffffff;
border: 1px $blue solid;
&:hover {
background-color: $blue;
color: white !important;
}
}
}
}
.noSurvey_template {
overflow: auto;
.template {
cursor: pointer;
float: left;
margin: 0 30px 30px 20px;
width: 200px;
&:hover {
color: $selectors;
}
.template_content {
overflow: hidden;
width: 200px;
height: 189px;
margin: 0 10px;
padding: 5px 5px 5px 5px;
background-color: $default_template_background;
border: none;
/*border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;*/
&:hover {
background-color: darken( $default_template_background, 5% );
border: none;
} }
.template_content_white { .setting.survey_type{
width: 190px; cursor: pointer;
height: 120px;
padding: 15px 5px; width: 332px;
max-height: 68px;
margin-right: 36px;
padding: 26px 0;
text-align: center; text-align: center;
font-size: 12px;
font-weight: 400;
background-color: $white_template_background;
}
.template_title{ border: 1px $gray solid;
background-color: $light-gray;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
&:hover{
background-color: darken($light-gray, 2%);
}
span.faicon{
margin-right: 20px;
}
}
.setting.survey_type.active{
border-color: $blue;
background-color: $blue;
color: $white;
}
}
}
.fieldset.noSurvey_skin {
overflow: hidden;
height: 270px;
display: none;
#skins_holder {
overflow: hidden;
position: absolute;
height: 220px;
width: 83%;
left: 120px;
margin-top: 10px;
#noSurvey_skins {
width: 3450px;
}
}
#noSurvey_skins {
.skin {
cursor: pointer;
float: left;
margin: 0 10px;
padding: 5px 5px 15px 5px;
font-size: 13px; font-size: 13px;
text-transform: uppercase; text-transform: uppercase;
background-color: $default_template_background;
border: none;
/*border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;*/
&:hover {
color: $selectors;
background-color: darken( $blue, 5% );
border: none;
}
.preview {
width: 200px;
height: 150px;
margin-bottom: 4px;
border: none;
}
}
.skin.selected {
color: $selectors;
background-color: $skin_selector;
border: none;
.preview {
border: none;
}
}
}
#skin_arrow_left {
float: left;
width: 30px;
height: 40px;
margin-top: 80px;
margin-left: 20px;
}
#skin_arrow_right {
float: right;
width: 30px;
height: 40px;
margin-top: 80px;
}
}
.noSurvey_buttons {
width: auto;
margin: 20px auto;
text-align: center;
a {
#noSurvey_create {
display: inline-block;
padding: 12px 0px;
margin: 8px 15px;
width: 120px;
text-align: center;
font-size: 15px;
font-weight: 500;
border-radius: 40px;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
color: $button_text;
background-color: $blue;
&:hover {
background-color: $red;
}
}
#noSurvey_cancel {
display: inline-block;
padding: 11px 0px;
margin: 8px 15px;
width: 120px;
text-align: center;
font-size: 15px;
font-weight: 500;
border-radius: 40px;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
color: $blue !important;
background-color: #ffffff;
border: 1px $blue solid;
&:hover {
background-color: $blue;
color: white !important;
}
}
}
}
.noSurvey_template {
overflow: auto;
.template {
cursor: pointer;
float: left;
margin: 0 30px 30px 20px;
width: 200px;
&:hover {
color: $selectors;
}
.template_content {
overflow: hidden;
width: 200px;
height: 189px;
margin: 0 10px;
padding: 5px 5px 5px 5px;
background-color: $default_template_background;
border: none;
/*border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;*/
&:hover {
background-color: darken( $default_template_background, 5% );
border: none;
}
.template_content_white {
width: 190px;
height: 120px;
padding: 15px 5px;
text-align: center;
font-size: 12px;
font-weight: 400;
background-color: $white_template_background;
}
.template_title{
font-size: 13px;
text-transform: uppercase;
}
}
.template_preview{
margin-right: -15px;
float: right;
padding: 5px 0 5px 5px;
font-size: 12px;
font-weight: 400;
}
}
.template.selected {
color: $selectors;
.template_content {
background-color: $skin_selector;
border: none;
} }
} }
.template_preview{ select.template_type_menu{
margin-right: -15px; display: none;
float: right;
padding: 5px 0 5px 5px;
font-size: 12px;
font-weight: 400;
}
}
.template.selected {
color: $selectors;
.template_content {
background-color: $skin_selector;
border: none;
} }
} }
select.template_type_menu{ .anketa_from_text{
display: none; height: auto;
} overflow: auto;
}
.anketa_from_text{ .from_text_sidebyside_holder {
height: auto; display:flex;
overflow: auto; flex-direction: row;
.from_text_sidebyside_holder { #input_field_holder{
display:flex; box-sizing: border-box;
flex-direction: row; flex-shrink: 0;
#input_field_holder{ #input_field{
box-sizing: border-box; margin-right: 32px;
flex-shrink: 0;
#input_field{ textarea{
margin-right: 32px; width: 519px;
height: 509px;
box-sizing: border-box;
textarea{ border-color: $gray;
margin-top: 0;
padding: 16px;
&:focus::-webkit-input-placeholder{
color: transparent;
}
&:focus::-moz-placeholder{
color: transparent;
}
}
}
}
#preview_field_holder{
box-sizing: border-box;
flex-shrink: 0;
#preview_field{
width: 519px; width: 519px;
height: 509px; height: 509px;
box-sizing: border-box; box-sizing: border-box;
overflow: auto;
border-color: $gray;
margin-top: 0;
padding: 16px; padding: 16px;
&:focus::-webkit-input-placeholder{ border: 1px $gray solid;
color: transparent; border-radius: 2px;
}
&:focus::-moz-placeholder{
color: transparent;
}
}
}
}
#preview_field_holder{
box-sizing: border-box;
flex-shrink: 0;
#preview_field{ span.variable_title{
width: 519px; margin-top: 16px;
height: 509px; &:first-of-type{
box-sizing: border-box; margin-top: 0px;
overflow: auto; }
padding: 16px; input[type="text"]{
border: 1px solid $dark-gray;
box-sizing: border-box;
border-radius: 2px;
width: 245px;
margin-top: 4px;
border: 1px $gray solid; font-family: $font_family;
border-radius: 2px;
span.variable_title{ &.large {
margin-top: 16px; height: 40px;
&:first-of-type{ font-size: 16px;
margin-top: 0px; padding: 9px 7px;
}
}
} }
input[type="text"]{ span.variable{
border: 1px solid $dark-gray;
box-sizing: border-box;
border-radius: 2px;
width: 245px;
margin-top: 4px;
font-family: $font_family; color: $black !important;
margin-top: 8px;
&.large { input[type="radio"]{
height: 40px; display: none !important;
font-size: 16px; }
padding: 9px 7px; input[type="radio"] + span.enka-checkbox-radio:before{
font-family: $fontawesome;
content: "\f111";
display: inline-block;
font-size: 14px;
color: $dark-gray;
letter-spacing: 8px;
font-weight: 400;
} }
} }
} }
span.variable{
color: $black !important;
margin-top: 8px;
input[type="radio"]{
display: none !important;
}
input[type="radio"] + span.enka-checkbox-radio:before{
font-family: $fontawesome;
content: "\f111";
display: inline-block;
font-size: 14px;
color: $dark-gray;
letter-spacing: 8px;
font-weight: 400;
}
}
} }
} }
} }