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

redizajn - nova anketa

Browse Source
This commit is contained in:
tejagerjovic 2022-01-06 09:04:31 +01:00
parent 4360a668df
commit a4ba1bc23d
6 changed files with 97 additions and 103 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
admin/survey/SurveyAdmin.php
View File

@ -3456,7 +3456,7 @@ class SurveyAdmin
$newSurvey = new NewSurvey(); $newSurvey = new NewSurvey();
if (isset($_GET['b']) && $_GET['b'] == 'new_survey'){ if (isset($_GET['b']) && $_GET['b'] == 'new_survey'){
echo '<div id="new_anketa_div">'; echo '<div id="new_anketa_div" class="fullwidth menu_left">';
$newSurvey->displayNewSurveyPage(); $newSurvey->displayNewSurveyPage();
echo '</div>'; echo '</div>';
} }
@ -3470,7 +3470,7 @@ class SurveyAdmin
// Izpis okna za ustvarjanje ankete (enako kot ce nimamo nobene ankete) // Izpis okna za ustvarjanje ankete (enako kot ce nimamo nobene ankete)
if ($_GET['a'] == 'ustvari_anketo') { if ($_GET['a'] == 'ustvari_anketo') {
echo '<div id="new_anketa_div">'; echo '<div id="new_anketa_div" class="fullwidth menu_left">';
$newSurvey = new NewSurvey(); $newSurvey = new NewSurvey();
$newSurvey->displayNewSurveyPage(); $newSurvey->displayNewSurveyPage();
echo '</div>'; echo '</div>';
@ -3484,7 +3484,7 @@ class SurveyAdmin
echo '</div>'; echo '</div>';
} }
else { else {
echo '<div id="new_anketa_div">'; echo '<div id="new_anketa_div" class="fullwidth menu_left">';
$newSurvey = new NewSurvey(); $newSurvey = new NewSurvey();
$newSurvey->displayNewSurveyPage(); $newSurvey->displayNewSurveyPage();
echo '</div>'; echo '</div>';

2
admin/survey/SurveyAdminAjax.php
View File

@ -4992,7 +4992,7 @@ class SurveyAdminAjax {
$naslov = trim($_POST['naslov']); $naslov = trim($_POST['naslov']);
echo '<div id="new_anketa_div">'; echo '<div id="new_anketa_div" class="fullwidth menu_left">';
$newSurvey = new NewSurvey(); $newSurvey = new NewSurvey();
$newSurvey->displayNewSurveyPage(); $newSurvey->displayNewSurveyPage();
echo '</div>'; echo '</div>';

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

@ -31,12 +31,12 @@ class NewSurvey{
global $site_path; global $site_path;
// Leva stran - meni // Leva stran - meni
echo '<div id="left_menu">'; echo '<div class="layout_left_item">';
$this->displayLeftMenu(); $this->displayLeftMenu();
echo '</div>'; echo '</div>';
// Desna stran - vsebina // Desna stran - vsebina
echo '<div id="right_content">'; echo '<div class="layout_right_item">';
$this->displayRightContent(); $this->displayRightContent();
echo '</div>'; echo '</div>';
} }

182
public/css/admin_new.css
View File

@ -13878,7 +13878,7 @@ div#main.hide_header {
flex-direction: row; flex-direction: row;
} }
#new_anketa_div #left_menu { #new_anketa_div .layout_left_item {
width: 308px; width: 308px;
height: 100% !important; height: 100% !important;
padding: 4px; padding: 4px;
@ -13890,7 +13890,7 @@ div#main.hide_header {
top: 0; top: 0;
left: 0; left: 0;
} }
#new_anketa_div #left_menu .item { #new_anketa_div .layout_left_item .item {
display: flex; display: flex;
align-items: center; align-items: center;
margin-bottom: 4px; margin-bottom: 4px;
@ -13898,32 +13898,32 @@ div#main.hide_header {
color: #333333; color: #333333;
background-color: #F8F8F8; background-color: #F8F8F8;
} }
#new_anketa_div #left_menu .item:hover { #new_anketa_div .layout_left_item .item:hover {
background-color: #ebebeb; background-color: #ebebeb;
} }
#new_anketa_div #left_menu .item.active { #new_anketa_div .layout_left_item .item.active {
background-color: #1E88E5; background-color: #1E88E5;
color: #FFFFFF; color: #FFFFFF;
} }
#new_anketa_div #left_menu .item.active:hover { #new_anketa_div .layout_left_item .item.active:hover {
background-color: #187bd1; background-color: #187bd1;
} }
#new_anketa_div #left_menu ul { #new_anketa_div .layout_left_item ul {
list-style-type: none; list-style-type: none;
padding-left: 30px; padding-left: 30px;
margin: 25px 0 15px 0; margin: 25px 0 15px 0;
} }
#new_anketa_div #left_menu ul li { #new_anketa_div .layout_left_item ul li {
padding: 0 0 10px 0; padding: 0 0 10px 0;
} }
#new_anketa_div #left_menu ul li a { #new_anketa_div .layout_left_item ul li a {
font-size: 14px; font-size: 14px;
color: #777777; color: #777777;
} }
#new_anketa_div #left_menu ul li a:hover { #new_anketa_div .layout_left_item ul li a:hover {
color: #1E88E5; color: #1E88E5;
} }
#new_anketa_div #left_menu ul li .active { #new_anketa_div .layout_left_item ul li .active {
color: #1E88E5; color: #1E88E5;
} }
@ -13939,55 +13939,51 @@ and open the template in the editor.
#new_anketa_div div.button_holder { #new_anketa_div div.button_holder {
margin-top: 62px; margin-top: 62px;
} }
#new_anketa_div #right_content { #new_anketa_div .layout_right_item .fieldset .pre-title {
width: calc(100% - 308px);
margin-left: 100px;
}
#new_anketa_div #right_content .fieldset .pre-title {
color: #1E88E5; color: #1E88E5;
font-weight: 600; font-weight: 600;
} }
#new_anketa_div #right_content .fieldset .title { #new_anketa_div .layout_right_item .fieldset .title {
margin-bottom: 32px; margin-bottom: 32px;
font-size: 26px; font-size: 26px;
} }
#new_anketa_div #right_content .fieldset p.bottom32 { #new_anketa_div .layout_right_item .fieldset p.bottom32 {
margin-bottom: 32px; margin-bottom: 32px;
} }
#new_anketa_div #right_content .fieldset p.top32 { #new_anketa_div .layout_right_item .fieldset p.top32 {
margin-top: 32px; margin-top: 32px;
} }
#new_anketa_div #right_content .fieldset .setting_horizontal_wrapper { #new_anketa_div .layout_right_item .fieldset .setting_horizontal_wrapper {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
margin-bottom: 32px; margin-bottom: 32px;
} }
#new_anketa_div #right_content .fieldset .setting_holder { #new_anketa_div .layout_right_item .fieldset .setting_holder {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin-right: 36px; margin-right: 36px;
} }
#new_anketa_div #right_content .fieldset .setting_holder input[type=text] { #new_anketa_div .layout_right_item .fieldset .setting_holder input[type=text] {
width: 332px; width: 332px;
} }
#new_anketa_div #right_content .fieldset .setting_holder select.dropdown { #new_anketa_div .layout_right_item .fieldset .setting_holder select.dropdown {
width: 332px; width: 332px;
} }
#new_anketa_div #right_content .fieldset .setting_holder span.charalimit { #new_anketa_div .layout_right_item .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 #right_content .fieldset .setting .radioSetting_type.active { #new_anketa_div .layout_right_item .fieldset .setting .radioSetting_type.active {
color: #777777; color: #777777;
} }
#new_anketa_div #right_content .fieldset .setting input { #new_anketa_div .layout_right_item .fieldset .setting input {
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
#new_anketa_div #right_content .fieldset .setting select { #new_anketa_div .layout_right_item .fieldset .setting select {
padding: 2px 5px; padding: 2px 5px;
margin: 0; margin: 0;
width: 302px; width: 302px;
@ -13995,101 +13991,101 @@ and open the template in the editor.
border: 1px solid #1E88E5 !important; border: 1px solid #1E88E5 !important;
border-radius: 1px; border-radius: 1px;
} }
#new_anketa_div #right_content .fieldset .setting input[type=file] { #new_anketa_div .layout_right_item .fieldset .setting input[type=file] {
height: 24px; height: 24px;
width: 240px; width: 240px;
font-size: 10px; font-size: 10px;
} }
#new_anketa_div #right_content .fieldset .setting input[type=text] { #new_anketa_div .layout_right_item .fieldset .setting input[type=text] {
padding: 10px 12px; padding: 10px 12px;
width: 310px; width: 310px;
font-size: 15px; font-size: 15px;
border: 1px solid #1E88E5 !important; border: 1px solid #1E88E5 !important;
border-radius: 1px; border-radius: 1px;
} }
#new_anketa_div #right_content .fieldset .setting #novaanketa_akronim_1_chars { #new_anketa_div .layout_right_item .fieldset .setting #novaanketa_akronim_1_chars {
float: right; float: right;
padding-right: 15px; padding-right: 15px;
font-weight: 400; font-weight: 400;
font-size: 11px; font-size: 11px;
} }
#new_anketa_div #right_content .fieldset .setting #novaanketa_naslov_1_chars { #new_anketa_div .layout_right_item .fieldset .setting #novaanketa_naslov_1_chars {
float: right; float: right;
padding-right: 7px; padding-right: 7px;
font-weight: 400; font-weight: 400;
font-size: 11px; font-size: 11px;
} }
#new_anketa_div #right_content .fieldset .setting input[type=radio] { #new_anketa_div .layout_right_item .fieldset .setting input[type=radio] {
margin: 0 8px 4px 0; margin: 0 8px 4px 0;
display: none !important; display: none !important;
} }
#new_anketa_div #right_content .fieldset .setting input[type=radio] + span.enka-checkbox-radio { #new_anketa_div .layout_right_item .fieldset .setting input[type=radio] + span.enka-checkbox-radio {
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
} }
#new_anketa_div #right_content .fieldset .setting input[type=radio] + span.enka-checkbox-radio:before { #new_anketa_div .layout_right_item .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 #right_content .fieldset .setting input[type=radio] + span.enka-custom-radio:before { #new_anketa_div .layout_right_item .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 #right_content .fieldset .setting input[type=radio]:checked + span.enka-checkbox-radio:before { #new_anketa_div .layout_right_item .fieldset .setting input[type=radio]:checked + span.enka-checkbox-radio:before {
content: "\f192"; content: "\f192";
} }
#new_anketa_div #right_content .fieldset .setting input[type=checkbox] { #new_anketa_div .layout_right_item .fieldset .setting input[type=checkbox] {
display: none !important; display: none !important;
} }
#new_anketa_div #right_content .fieldset .setting input[type=checkbox] + span.enka-checkbox-radio { #new_anketa_div .layout_right_item .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 #right_content .fieldset .setting input[type=checkbox] + span.enka-checkbox-radio:before { #new_anketa_div .layout_right_item .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 #right_content .fieldset .setting input[type=checkbox]:checked + span.enka-checkbox-radio:before { #new_anketa_div .layout_right_item .fieldset .setting input[type=checkbox]:checked + span.enka-checkbox-radio:before {
content: "\f14a"; content: "\f14a";
letter-spacing: 8px; letter-spacing: 8px;
} }
#new_anketa_div #right_content .fieldset .setting .custom_radio_picture.obarvan > label > span.enka-custom-radio:before { #new_anketa_div .layout_right_item .fieldset .setting .custom_radio_picture.obarvan > label > span.enka-custom-radio:before {
color: #1E88E5; color: #1E88E5;
} }
#new_anketa_div #right_content .fieldset .setting .visual-radio-scale.checked .enka-vizualna-skala::before { #new_anketa_div .layout_right_item .fieldset .setting .visual-radio-scale.checked .enka-vizualna-skala::before {
color: #1E88E5; color: #1E88E5;
} }
#new_anketa_div #right_content .fieldset .survey_title_text_holder { #new_anketa_div .layout_right_item .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 #right_content .fieldset .survey_title_text_holder .setting.survey_title_text { #new_anketa_div .layout_right_item .fieldset .survey_title_text_holder .setting.survey_title_text {
width: 350px; width: 350px;
margin-right: 20px; margin-right: 20px;
} }
#new_anketa_div #right_content .fieldset .survey_title_text_holder .setting.survey_title_text span { #new_anketa_div .layout_right_item .fieldset .survey_title_text_holder .setting.survey_title_text span {
line-height: 28px; line-height: 28px;
} }
#new_anketa_div #right_content .fieldset .survey_title_text_holder .setting.survey_title_text select { #new_anketa_div .layout_right_item .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 #right_content .fieldset .survey_type_holder { #new_anketa_div .layout_right_item .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 #right_content .fieldset .survey_type_holder label { #new_anketa_div .layout_right_item .fieldset .survey_type_holder label {
margin: 0; margin: 0;
} }
#new_anketa_div #right_content .fieldset .survey_type_holder .setting.survey_type { #new_anketa_div .layout_right_item .fieldset .survey_type_holder .setting.survey_type {
cursor: pointer; cursor: pointer;
width: 332px; width: 332px;
max-height: 68px; max-height: 68px;
@ -14102,23 +14098,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 #right_content .fieldset .survey_type_holder .setting.survey_type:hover { #new_anketa_div .layout_right_item .fieldset .survey_type_holder .setting.survey_type:hover {
background-color: #f3f3f3; background-color: #f3f3f3;
} }
#new_anketa_div #right_content .fieldset .survey_type_holder .setting.survey_type span.faicon { #new_anketa_div .layout_right_item .fieldset .survey_type_holder .setting.survey_type span.faicon {
margin-right: 20px; margin-right: 20px;
} }
#new_anketa_div #right_content .fieldset .survey_type_holder .setting.survey_type.active { #new_anketa_div .layout_right_item .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 #right_content .fieldset.noSurvey_skin { #new_anketa_div .layout_right_item .fieldset.noSurvey_skin {
overflow: hidden; overflow: hidden;
height: 270px; height: 270px;
display: none; display: none;
} }
#new_anketa_div #right_content .fieldset.noSurvey_skin #skins_holder { #new_anketa_div .layout_right_item .fieldset.noSurvey_skin #skins_holder {
overflow: hidden; overflow: hidden;
position: absolute; position: absolute;
height: 220px; height: 220px;
@ -14126,10 +14122,10 @@ and open the template in the editor.
left: 120px; left: 120px;
margin-top: 10px; margin-top: 10px;
} }
#new_anketa_div #right_content .fieldset.noSurvey_skin #skins_holder #noSurvey_skins { #new_anketa_div .layout_right_item .fieldset.noSurvey_skin #skins_holder #noSurvey_skins {
width: 3450px; width: 3450px;
} }
#new_anketa_div #right_content .fieldset.noSurvey_skin #noSurvey_skins .skin { #new_anketa_div .layout_right_item .fieldset.noSurvey_skin #noSurvey_skins .skin {
cursor: pointer; cursor: pointer;
float: left; float: left;
margin: 0 10px; margin: 0 10px;
@ -14142,44 +14138,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 #right_content .fieldset.noSurvey_skin #noSurvey_skins .skin:hover { #new_anketa_div .layout_right_item .fieldset.noSurvey_skin #noSurvey_skins .skin:hover {
color: #777777; color: #777777;
background-color: #187bd1; background-color: #187bd1;
border: none; border: none;
} }
#new_anketa_div #right_content .fieldset.noSurvey_skin #noSurvey_skins .skin .preview { #new_anketa_div .layout_right_item .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 #right_content .fieldset.noSurvey_skin #noSurvey_skins .skin.selected { #new_anketa_div .layout_right_item .fieldset.noSurvey_skin #noSurvey_skins .skin.selected {
color: #777777; color: #777777;
background-color: #FF0000; background-color: #FF0000;
border: none; border: none;
} }
#new_anketa_div #right_content .fieldset.noSurvey_skin #noSurvey_skins .skin.selected .preview { #new_anketa_div .layout_right_item .fieldset.noSurvey_skin #noSurvey_skins .skin.selected .preview {
border: none; border: none;
} }
#new_anketa_div #right_content .fieldset.noSurvey_skin #skin_arrow_left { #new_anketa_div .layout_right_item .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 #right_content .fieldset.noSurvey_skin #skin_arrow_right { #new_anketa_div .layout_right_item .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 #right_content .noSurvey_buttons { #new_anketa_div .layout_right_item .noSurvey_buttons {
width: auto; width: auto;
margin: 20px auto; margin: 20px auto;
text-align: center; text-align: center;
} }
#new_anketa_div #right_content .noSurvey_buttons a #noSurvey_create { #new_anketa_div .layout_right_item .noSurvey_buttons a #noSurvey_create {
display: inline-block; display: inline-block;
padding: 12px 0px; padding: 12px 0px;
margin: 8px 15px; margin: 8px 15px;
@ -14193,10 +14189,10 @@ and open the template in the editor.
color: white; color: white;
background-color: #1E88E5; background-color: #1E88E5;
} }
#new_anketa_div #right_content .noSurvey_buttons a #noSurvey_create:hover { #new_anketa_div .layout_right_item .noSurvey_buttons a #noSurvey_create:hover {
background-color: #FF0000; background-color: #FF0000;
} }
#new_anketa_div #right_content .noSurvey_buttons a #noSurvey_cancel { #new_anketa_div .layout_right_item .noSurvey_buttons a #noSurvey_cancel {
display: inline-block; display: inline-block;
padding: 11px 0px; padding: 11px 0px;
margin: 8px 15px; margin: 8px 15px;
@ -14211,23 +14207,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 #right_content .noSurvey_buttons a #noSurvey_cancel:hover { #new_anketa_div .layout_right_item .noSurvey_buttons a #noSurvey_cancel:hover {
background-color: #1E88E5; background-color: #1E88E5;
color: white !important; color: white !important;
} }
#new_anketa_div #right_content .noSurvey_template { #new_anketa_div .layout_right_item .noSurvey_template {
overflow: auto; overflow: auto;
} }
#new_anketa_div #right_content .noSurvey_template .template { #new_anketa_div .layout_right_item .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 #right_content .noSurvey_template .template:hover { #new_anketa_div .layout_right_item .noSurvey_template .template:hover {
color: #777777; color: #777777;
} }
#new_anketa_div #right_content .noSurvey_template .template .template_content { #new_anketa_div .layout_right_item .noSurvey_template .template .template_content {
overflow: hidden; overflow: hidden;
width: 200px; width: 200px;
height: 189px; height: 189px;
@ -14239,11 +14235,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 #right_content .noSurvey_template .template .template_content:hover { #new_anketa_div .layout_right_item .noSurvey_template .template .template_content:hover {
background-color: #187bd1; background-color: #187bd1;
border: none; border: none;
} }
#new_anketa_div #right_content .noSurvey_template .template .template_content .template_content_white { #new_anketa_div .layout_right_item .noSurvey_template .template .template_content .template_content_white {
width: 190px; width: 190px;
height: 120px; height: 120px;
padding: 15px 5px; padding: 15px 5px;
@ -14252,43 +14248,43 @@ and open the template in the editor.
font-weight: 400; font-weight: 400;
background-color: white; background-color: white;
} }
#new_anketa_div #right_content .noSurvey_template .template .template_content .template_title { #new_anketa_div .layout_right_item .noSurvey_template .template .template_content .template_title {
font-size: 13px; font-size: 13px;
text-transform: uppercase; text-transform: uppercase;
} }
#new_anketa_div #right_content .noSurvey_template .template .template_preview { #new_anketa_div .layout_right_item .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 #right_content .noSurvey_template .template.selected { #new_anketa_div .layout_right_item .noSurvey_template .template.selected {
color: #777777; color: #777777;
} }
#new_anketa_div #right_content .noSurvey_template .template.selected .template_content { #new_anketa_div .layout_right_item .noSurvey_template .template.selected .template_content {
background-color: #FF0000; background-color: #FF0000;
border: none; border: none;
} }
#new_anketa_div #right_content .noSurvey_template select.template_type_menu { #new_anketa_div .layout_right_item .noSurvey_template select.template_type_menu {
display: none; display: none;
} }
#new_anketa_div #right_content .anketa_from_text { #new_anketa_div .layout_right_item .anketa_from_text {
height: auto; height: auto;
overflow: auto; overflow: auto;
} }
#new_anketa_div #right_content .anketa_from_text .from_text_sidebyside_holder { #new_anketa_div .layout_right_item .anketa_from_text .from_text_sidebyside_holder {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
} }
#new_anketa_div #right_content .anketa_from_text .from_text_sidebyside_holder #input_field_holder { #new_anketa_div .layout_right_item .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 #right_content .anketa_from_text .from_text_sidebyside_holder #input_field_holder #input_field { #new_anketa_div .layout_right_item .anketa_from_text .from_text_sidebyside_holder #input_field_holder #input_field {
margin-right: 32px; margin-right: 32px;
} }
#new_anketa_div #right_content .anketa_from_text .from_text_sidebyside_holder #input_field_holder #input_field textarea { #new_anketa_div .layout_right_item .anketa_from_text .from_text_sidebyside_holder #input_field_holder #input_field textarea {
width: 469px; width: 469px;
height: 509px; height: 509px;
box-sizing: border-box; box-sizing: border-box;
@ -14296,17 +14292,17 @@ and open the template in the editor.
margin-top: 0; margin-top: 0;
padding: 16px; padding: 16px;
} }
#new_anketa_div #right_content .anketa_from_text .from_text_sidebyside_holder #input_field_holder #input_field textarea:focus::-webkit-input-placeholder { #new_anketa_div .layout_right_item .anketa_from_text .from_text_sidebyside_holder #input_field_holder #input_field textarea:focus::-webkit-input-placeholder {
color: transparent; color: transparent;
} }
#new_anketa_div #right_content .anketa_from_text .from_text_sidebyside_holder #input_field_holder #input_field textarea:focus::-moz-placeholder { #new_anketa_div .layout_right_item .anketa_from_text .from_text_sidebyside_holder #input_field_holder #input_field textarea:focus::-moz-placeholder {
color: transparent; color: transparent;
} }
#new_anketa_div #right_content .anketa_from_text .from_text_sidebyside_holder #preview_field_holder { #new_anketa_div .layout_right_item .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 #right_content .anketa_from_text .from_text_sidebyside_holder #preview_field_holder #preview_field { #new_anketa_div .layout_right_item .anketa_from_text .from_text_sidebyside_holder #preview_field_holder #preview_field {
width: 469px; width: 469px;
height: 509px; height: 509px;
box-sizing: border-box; box-sizing: border-box;
@ -14315,13 +14311,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 #right_content .anketa_from_text .from_text_sidebyside_holder #preview_field_holder #preview_field span.variable_title { #new_anketa_div .layout_right_item .anketa_from_text .from_text_sidebyside_holder #preview_field_holder #preview_field span.variable_title {
margin-top: 16px; margin-top: 16px;
} }
#new_anketa_div #right_content .anketa_from_text .from_text_sidebyside_holder #preview_field_holder #preview_field span.variable_title:first-of-type { #new_anketa_div .layout_right_item .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 #right_content .anketa_from_text .from_text_sidebyside_holder #preview_field_holder #preview_field span.variable_title input[type=text] { #new_anketa_div .layout_right_item .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;
@ -14329,19 +14325,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 #right_content .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 .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 #right_content .anketa_from_text .from_text_sidebyside_holder #preview_field_holder #preview_field span.variable { #new_anketa_div .layout_right_item .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 #right_content .anketa_from_text .from_text_sidebyside_holder #preview_field_holder #preview_field span.variable input[type=radio] { #new_anketa_div .layout_right_item .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 #right_content .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 .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;

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

@ -1,6 +1,6 @@
#new_anketa_div { #new_anketa_div {
#left_menu { .layout_left_item {
width: 308px; width: 308px;
height: 100% !important; height: 100% !important;
padding: 4px; padding: 4px;

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

@ -22,9 +22,7 @@ $skin_selector: $red;
div.button_holder{ div.button_holder{
margin-top: 62px; margin-top: 62px;
} }
#right_content { .layout_right_item{
width: calc(100% - 308px);
margin-left: 100px;
.fieldset { .fieldset {