Napredne nastavitve v sredino vsebine - v delu
Manjka dropdown meni
This commit is contained in:
parent
45da4eedab
commit
3696d25291
@ -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':'').'">';
|
||||
|
@ -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");
|
||||
|
||||
}
|
@ -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;
|
||||
|
@ -11,6 +11,8 @@
|
||||
@import "conditions";
|
||||
@import "library";
|
||||
@import "jquery";
|
||||
@import "top_center_settings";
|
||||
|
||||
|
||||
// Urejanje -> Nastavitve
|
||||
@import "survey_settings/survey_settings";
|
||||
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
Loading…
x
Reference in New Issue
Block a user