Napredne nastavitve v sredino vsebine - v delu

Manjka dropdown meni
This commit is contained in:
tejagerjovic 2022-07-08 08:02:54 +02:00
parent 45da4eedab
commit 3696d25291
5 changed files with 183 additions and 1 deletions

View File

@ -1773,7 +1773,46 @@ class Branching {
}
echo '</div>';
}
}
// Napredne nastavitve v sredini zgoraj
echo '<div class="top_center_settings">';
echo '<div class="left_settings">';
// Arhiviraj - ENKLIK ARHIV
echo '<div class="button" onclick="create_archive_survey(\'' . $this->anketa .'\'); return false;">';
echo '<span class="faicon arhiv blue"></span>';
echo $lang['srv_analiza_arhiviraj'];
echo '</div>';
// Napredne nastavitve dropdown
echo '<div id="top_napredne_gumb" class="button" onclick="toggleSurveyTopSettings();">';
echo $lang['srv_quick_settings_napredno'];
echo '<span id="top_napredne_icon" class="faicon fa-angle-down blue left"></span>';
echo '</div>';
echo '</div>'; //left_settings
echo '<div class="right_settings">';
$url0 = "'" . "index.php?anketa=".$this->anketa."&a=branching&change_mode=1&what=expanded&value=0" . "'";
$url1 = "'" . "index.php?anketa=".$this->anketa."&a=branching&change_mode=1&what=expanded&value=1" . "'";
// Razširi
echo '<div title="'.$lang['srv_expanded_1'].'" class="square '.($this->expanded ? 'active':'').'" onClick="window.location='.$url1.';return false;">';
echo '<span class="faicon expand"></span>';
echo '</div>';
echo '<div class="line"></div>';
//Skrči
echo '<div title="'.$lang['srv_expanded_0'].'" class="square '.($this->expanded ? '':'active').'" onClick="window.location='.$url0.';return false;">';
echo '<span class="faicon compress"></span>';
echo '</div>';
echo '</div>'; //right_settings
echo '</div>'; //top_center_settings
echo '<ul class="first '.($this->locked?'locked':'').'">';

View File

@ -5622,4 +5622,11 @@ function closeCommentQtip (box_id) {
function toggleGrafiColorWheel () {
$("#chart_custom_skin_cover").css("pointer-events", "auto");
}
function toggleSurveyTopSettings() {
$("#top_napredne_icon").toggleClass("fa-angle-down");
$("#top_napredne_icon").toggleClass("fa-angle-up");
$("#top_napredne_gumb").toggleClass("border_blue");
}

View File

@ -20460,6 +20460,71 @@ img.mapster_el {
background-color: #777777;
}
.top_center_settings {
display: flex;
flex-direction: row;
margin-bottom: 20px;
padding-bottom: 22px;
border-bottom: 1px solid #D3D3D3;
width: 100%;
justify-content: space-between;
}
.top_center_settings .left_settings,
.top_center_settings .right_settings {
display: flex;
flex-direction: row;
}
.top_center_settings .left_settings .button,
.top_center_settings .right_settings .button {
border: 1px solid #E5E5E5;
box-sizing: border-box;
border-radius: 2px;
padding: 5px 16px;
font-size: 14px;
margin-right: 8px;
cursor: pointer;
transition: 0.2s;
}
.top_center_settings .left_settings .button.border_blue,
.top_center_settings .right_settings .button.border_blue {
border-color: #1E88E5;
}
.top_center_settings .left_settings .button span.faicon,
.top_center_settings .right_settings .button span.faicon {
font-size: 14px;
margin-right: 8px;
transition: 0.2s;
}
.top_center_settings .left_settings .button span.faicon.left,
.top_center_settings .right_settings .button span.faicon.left {
margin: 0 0 0 8px;
}
.top_center_settings .left_settings .square,
.top_center_settings .right_settings .square {
width: 28px;
height: 28px;
border-radius: 2px;
border: 1px solid #E5E5E5;
color: #777777;
background-color: #FFFFFF;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
.top_center_settings .left_settings .square.active,
.top_center_settings .right_settings .square.active {
border-color: #1E88E5;
color: #1E88E5;
background-color: #EAF9FE;
}
.top_center_settings .left_settings .line,
.top_center_settings .right_settings .line {
border-left: 1px solid #D3D3D3;
margin: 0 8px;
height: 28px;
}
fieldset #obvescanje_sidebyside_holder {
display: flex;
flex-direction: row;

View File

@ -11,6 +11,8 @@
@import "conditions";
@import "library";
@import "jquery";
@import "top_center_settings";
// Urejanje -> Nastavitve
@import "survey_settings/survey_settings";

View File

@ -0,0 +1,69 @@
.top_center_settings {
display: flex;
flex-direction: row;
margin-bottom: 20px;
padding-bottom: 22px;
border-bottom: 1px solid $dark-gray2;
width: 100%;
justify-content: space-between;
.left_settings,
.right_settings {
display: flex;
flex-direction: row;
.button {
border: 1px solid $gray;
box-sizing: border-box;
border-radius: 2px;
padding: 5px 16px;
font-size: 14px;
margin-right: 8px;
cursor: pointer;
transition: 0.2s;
&.border_blue {
border-color: $blue;
}
span.faicon {
font-size: 14px;
margin-right: 8px;
transition: 0.2s;
&.left {
margin: 0 0 0 8px;
}
}
}
.square {
width: 28px;
height: 28px;
border-radius: 2px;
border: 1px solid $gray;
color: $very-dark-gray;
background-color: $white;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
&.active {
border-color: $blue;
color: $blue;
background-color: $light-blue;
}
}
.line {
border-left: 1px solid $dark-gray2;
margin: 0 8px;
height: 28px;
}
}
}