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>';
// DESKTOP HEADER
echo '<div class="desktop_header">';
echo '<div class="desktop_header '.(($this->hide_header == "hide_header") ? 'displayNone' : '').'">';
// Znotraj posamezne ankete
if($this->anketa > 0){

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

@ -37,8 +37,11 @@ class NewSurvey{
// Desna stran - vsebina
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();
echo '</div>';
echo '</div>';
}
// Izris levega menija

169
public/css/admin_new.css
View File

@ -5177,6 +5177,10 @@ span.faicon.red,
a.faicon.red {
color: #FF0000;
}
span.faicon.ultra_dark_gray,
a.faicon.ultra_dark_gray {
color: #555555;
}
span.faicon.fa-stack,
a.faicon.fa-stack {
height: 1em;
@ -13890,7 +13894,7 @@ div#main.hide_header {
border-bottom: none;
box-sizing: border-box;
flex-shrink: 0;
margin-right: 100px;
margin-right: 64px;
box-shadow: none;
height: fit-content;
}
@ -13898,7 +13902,7 @@ div#main.hide_header {
display: flex;
align-items: center;
margin-bottom: 4px;
padding: 24px 0 24px 71px;
padding: 24px 0 24px 75px;
border: 1px solid #E5E5E5;
color: #333333;
background-color: #F8F8F8;
@ -13946,51 +13950,60 @@ and open the template in the editor.
}
#new_anketa_div .layout_right_item {
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;
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;
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;
}
#new_anketa_div .layout_right_item .fieldset p.top32 {
#new_anketa_div .layout_right_item .layout_right_centering .fieldset p.top32 {
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;
flex-direction: row;
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;
flex-direction: column;
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;
}
#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;
}
#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;
line-height: 15px;
width: 332px;
color: #777777;
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;
}
#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;
}
#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;
cursor: pointer;
font-weight: 600;
@ -14005,80 +14018,80 @@ and open the template in the editor.
background-color: #E5E5E5;
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;
}
#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;
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-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";
display: inline-block;
content: "\f111";
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";
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";
}
#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;
}
#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-weight: 400;
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";
display: inline-block;
content: "\f0c8";
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";
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;
}
#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;
}
#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;
flex-direction: row;
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;
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;
}
#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;
width: 330px;
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;
flex-direction: row;
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;
}
#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;
width: 332px;
max-height: 68px;
@ -14091,23 +14104,23 @@ and open the template in the editor.
-moz-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;
}
#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;
}
#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;
background-color: #1E88E5;
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;
height: 270px;
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;
position: absolute;
height: 220px;
@ -14115,10 +14128,10 @@ and open the template in the editor.
left: 120px;
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;
}
#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;
float: left;
margin: 0 10px;
@ -14131,44 +14144,44 @@ and open the template in the editor.
-moz-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;
background-color: #187bd1;
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;
height: 150px;
margin-bottom: 4px;
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;
background-color: #FF0000;
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;
}
#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;
width: 30px;
height: 40px;
margin-top: 80px;
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;
width: 30px;
height: 40px;
margin-top: 80px;
}
#new_anketa_div .layout_right_item .noSurvey_buttons {
#new_anketa_div .layout_right_item .layout_right_centering .noSurvey_buttons {
width: auto;
margin: 20px auto;
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;
padding: 12px 0px;
margin: 8px 15px;
@ -14182,10 +14195,10 @@ and open the template in the editor.
color: white;
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;
}
#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;
padding: 11px 0px;
margin: 8px 15px;
@ -14200,23 +14213,23 @@ and open the template in the editor.
background-color: #ffffff;
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;
color: white !important;
}
#new_anketa_div .layout_right_item .noSurvey_template {
#new_anketa_div .layout_right_item .layout_right_centering .noSurvey_template {
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;
float: left;
margin: 0 30px 30px 20px;
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;
}
#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;
width: 200px;
height: 189px;
@ -14228,11 +14241,11 @@ and open the template in the editor.
-moz-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;
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;
height: 120px;
padding: 15px 5px;
@ -14241,43 +14254,43 @@ and open the template in the editor.
font-weight: 400;
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;
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;
float: right;
padding: 5px 0 5px 5px;
font-size: 12px;
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;
}
#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;
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;
}
#new_anketa_div .layout_right_item .anketa_from_text {
#new_anketa_div .layout_right_item .layout_right_centering .anketa_from_text {
height: 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;
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;
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;
}
#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;
height: 509px;
box-sizing: border-box;
@ -14285,17 +14298,17 @@ and open the template in the editor.
margin-top: 0;
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;
}
#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;
}
#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;
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;
height: 509px;
box-sizing: border-box;
@ -14304,13 +14317,13 @@ and open the template in the editor.
border: 1px #E5E5E5 solid;
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;
}
#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;
}
#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;
box-sizing: border-box;
border-radius: 2px;
@ -14318,19 +14331,19 @@ and open the template in the editor.
margin-top: 4px;
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;
font-size: 16px;
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;
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;
}
#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";
content: "\f111";
display: inline-block;

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

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

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

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

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

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

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

@ -24,509 +24,522 @@ $skin_selector: $red;
}
.layout_right_item{
margin-top: 64px;
.fieldset {
display: flex;
justify-content: center;
.pre-title {
color: $blue;
font-weight: $semi-bold;
.layout_right_centering {
span.faicon.fa-times {
position: absolute;
top: 0;
right: 0;
margin-top: 12px;
margin-right: 12px;
}
.title {
margin-bottom: 32px;
font-size: 26px;
}
.fieldset {
p {
&.bottom32 {
.pre-title {
color: $blue;
font-weight: $semi-bold;
}
.title {
margin-bottom: 32px;
font-size: 26px;
}
&.top32 {
margin-top: 32px;
p {
&.bottom32 {
margin-bottom: 32px;
}
&.top32 {
margin-top: 32px;
}
}
}
.setting_horizontal_wrapper {
display: flex;
flex-direction: row;
margin-bottom: 32px;
.setting_horizontal_wrapper {
display: flex;
flex-direction: row;
margin-bottom: 32px;
}
}
.setting_holder {
display: flex;
flex-direction: column;
margin-right: 36px;
.setting_holder {
display: flex;
flex-direction: column;
margin-right: 36px;
input {
&[type="text"] {
input {
&[type="text"] {
width: 332px;
}
}
select.dropdown{
width: 332px;
}
}
select.dropdown{
width: 332px;
span.charalimit {
font-size: 12px;
line-height: 15px;
width: 332px;
color: $very-dark-gray;
text-align: right;
}
}
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%);
.setting {
.radioSetting_type.active {
color: $selectors;
}
//Custom inputi
input[type="file"]#restore {
display: none;
}
}
input[type="radio"] {
margin: 0 8px 4px 0;
display: none !important;
&+span.enka-checkbox-radio {
&:before {
font-family: $fontawesome;
display: inline-block;
content: "\f111";
letter-spacing: 10px;
}
//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;
font-weight: 400;
}
&+span.enka-custom-radio {
&:before {
font-family: $fontawesome;
display: inline-block;
color: $black;
background-color: $gray;
border: 1px $black solid;
&:hover {
background-color: darken($gray, 5%);
}
}
&:checked {
}
input[type="radio"] {
margin: 0 8px 4px 0;
display: none !important;
&+span.enka-checkbox-radio {
&: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"] {
display: none !important;
&+span.enka-checkbox-radio {
&:before {
font-family: $fontawesome;
display: inline-block;
content: "\f0c8";
letter-spacing: 10px;
input[type="checkbox"] {
display: none !important;
&+span.enka-checkbox-radio {
&:before {
font-family: $fontawesome;
display: inline-block;
content: "\f0c8";
letter-spacing: 10px;
}
font-size: 16px;
font-weight: 400;
color: $radio_selector;
}
font-size: 16px;
font-weight: 400;
&: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;
}
&: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;
.survey_title_text_holder{
display: flex;
flex-direction: row;
justify-content: flex-start;
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;
max-height: 68px;
margin-right: 36px;
padding: 26px 0;
text-align: center;
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{
.setting.survey_title_text{
width: 350px;
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;
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;
span{
line-height: 28px;
}
border: none;
select{
height: 40px;
width: 330px;
font-size: 15px !important;
}
}
}
.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;
.survey_type_holder{
display: flex;
flex-direction: row;
justify-content: flex-start;
.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;
label {
margin: 0;
}
.template_content_white {
width: 190px;
height: 120px;
padding: 15px 5px;
.setting.survey_type{
cursor: pointer;
width: 332px;
max-height: 68px;
margin-right: 36px;
padding: 26px 0;
text-align: center;
font-size: 12px;
font-weight: 400;
background-color: $white_template_background;
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;
.template_title{
#noSurvey_skins {
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 {
color: $selectors;
background-color: $skin_selector;
border: none;
.preview {
border: none;
}
}
}
.template_preview{
margin-right: -15px;
#skin_arrow_left {
float: left;
width: 30px;
height: 40px;
margin-top: 80px;
margin-left: 20px;
}
#skin_arrow_right {
float: right;
padding: 5px 0 5px 5px;
font-size: 12px;
font-weight: 400;
width: 30px;
height: 40px;
margin-top: 80px;
}
}
.template.selected {
color: $selectors;
.template_content {
background-color: $skin_selector;
border: none;
}
}
select.template_type_menu{
display: none;
}
}
.anketa_from_text{
height: auto;
overflow: auto;
.from_text_sidebyside_holder {
display:flex;
flex-direction: row;
#input_field_holder{
box-sizing: border-box;
flex-shrink: 0;
#input_field{
margin-right: 32px;
.noSurvey_buttons {
width: auto;
margin: 20px auto;
text-align: center;
a {
#noSurvey_create {
display: inline-block;
padding: 12px 0px;
margin: 8px 15px;
width: 120px;
textarea{
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;
}
}
select.template_type_menu{
display: none;
}
}
.anketa_from_text{
height: auto;
overflow: auto;
.from_text_sidebyside_holder {
display:flex;
flex-direction: row;
#input_field_holder{
box-sizing: border-box;
flex-shrink: 0;
#input_field{
margin-right: 32px;
textarea{
width: 519px;
height: 509px;
box-sizing: border-box;
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;
height: 509px;
box-sizing: border-box;
border-color: $gray;
margin-top: 0;
overflow: auto;
padding: 16px;
&:focus::-webkit-input-placeholder{
color: transparent;
border: 1px $gray solid;
border-radius: 2px;
span.variable_title{
margin-top: 16px;
&:first-of-type{
margin-top: 0px;
}
input[type="text"]{
border: 1px solid $dark-gray;
box-sizing: border-box;
border-radius: 2px;
width: 245px;
margin-top: 4px;
font-family: $font_family;
&.large {
height: 40px;
font-size: 16px;
padding: 9px 7px;
}
}
}
&:focus::-moz-placeholder{
color: transparent;
}
}
}
}
#preview_field_holder{
box-sizing: border-box;
flex-shrink: 0;
#preview_field{
width: 519px;
height: 509px;
box-sizing: border-box;
overflow: auto;
padding: 16px;
border: 1px $gray solid;
border-radius: 2px;
span.variable{
span.variable_title{
margin-top: 16px;
&:first-of-type{
margin-top: 0px;
}
input[type="text"]{
border: 1px solid $dark-gray;
box-sizing: border-box;
border-radius: 2px;
width: 245px;
margin-top: 4px;
font-family: $font_family;
&.large {
height: 40px;
font-size: 16px;
padding: 9px 7px;
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;
}
}
}
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;
}
}
}
}
}