This commit is contained in:
urospodkriznik 2022-09-08 09:16:05 +02:00
commit 408104e3af
9 changed files with 1838 additions and 1740 deletions

View File

@ -1447,19 +1447,19 @@ class SurveyAdmin
echo '<span class="faicon fa-angle-right"></span>';
echo '</div>';
echo '<div id="comment_field">';
echo '<div id="survey_comment_0_1">';
$ba = new BranchingAjax($this->anketa);
$ba->add_comment_field(0, '1', '4', false, false);
$ba->add_comment_field(0, '0', '1', false, false);
echo '</div>';
echo '<div class="button_holder">';
echo ' <button class="small blue" onclick="toggleCommentDropdown(); return false;">'.$lang['srv_zapri'].'</button>';
echo '<div class="options">';
echo '<div class="square" onclick="CommentDropdownClearText(); return false;">';
echo '<div class="square" onclick="toggleCommentDropdown(); return false;">';
echo '<span class="faicon fa-times"></span>';
echo '</div>';
echo '<div class="square blue" onclick="add_comment(\'0\', \'1\', \'4\', $(\'#vsebina_0_4\').val()); return false;">';
echo '<div class="square blue" onclick="add_comment(\'0\', \'0\', \'1\', $(\'#vsebina_0_1\').val()); return false;">';
echo '<span class="faicon fa-paper-plane"></span>';
echo '</div>';
echo '</div>';

View File

@ -1201,8 +1201,9 @@ class Dostop {
" WHERE u.email NOT LIKE ('D3LMD-%') AND u.email NOT LIKE ('UNSU8MD-%') ".$iskanjeSql;
// Filtri, ki jih datatables pošilja in po katerih filtriramo
if($_POST['order'][0]['column'] < 12) {
if($_POST['order'][0]['column'] < 13) {
$orderPolje = [
"u.name",
"u.name ".$_POST['order'][0]['dir'].", u.surname",
"u.email",
"u.type",
@ -1328,8 +1329,9 @@ class Dostop {
// Filtri, ki jih datatables pošilja in po katerih filtriramo
if($_POST['order'][0]['column'] < 10) {
if($_POST['order'][0]['column'] < 11) {
$orderPolje = [
"u.name",
"u.name ".$_POST['order'][0]['dir'].", u.surname",
"u.email",
"u.type",

View File

@ -590,7 +590,7 @@ class SurveyTheme {
$src = ''.SurveyInfo::getSurveyLink().'&grupa='.$grupa.'&no_preview=1&preview=on&theme_profile='.$row['id'].'';
$is_current_skin = ($rowa['skin_profile'] == $row['id']) ? true : false;
echo '<div class="theme_list">';
echo '<div class="theme_list" onclick="te_change_profile(\''.$row['id'].'\', true);">';
echo '<div class="theme">';
echo ' <span class="name">'.$skin_name.'</span>';
@ -598,22 +598,15 @@ class SurveyTheme {
echo ' <span class="desc">('.$lang['srv_current_theme_general'].')</span>';
echo '</div>';
//Gumbi
// show_settings(\''.$row['id'].'\');
// div z setingsi
// <div id="theme_additional_settings_'.$row['id'].'">
echo '<div class="options options'.$row['id'].'" id="options'.$row['id'].'">';
// echo '<button onclick="show_settings(\''.$row['id'].'\')"> <i class="fa-solid fa-ellipsis"></i> </button>';
echo '<span class="faicon dots" onclick="show_settings(\''.$row['id'].'\')" > </span>';
echo '<span class="faicon dots" onclick="show_settings(\''.$row['id'].'\'); event.stopPropagation();"> </span>';
echo '<div class="buttons-window displayNone" id="additional_settings_'.$row['id'].'">';
//Aktiviraj
echo '<div class="button" onclick="te_change_profile(\''.$row['id'].'\', true); return false;" title="'.$lang['srv_te_theme_activate2'].'">';
echo '<div class="button" onclick="te_change_profile(\''.$row['id'].'\', true); event.stopPropagation();" title="'.$lang['srv_te_theme_activate2'].'">';
echo '<span class="faicon fa-hand-pointer"></span>';
echo '<div class="aktiviraj">';
echo $lang['srv_te_theme_activate'] ;
@ -627,14 +620,14 @@ class SurveyTheme {
echo '</div>';
//Prilagodi
echo '<div class="button palette" onclick="window.location.href=\'index.php?anketa='.$this->sid.'&a=theme-editor&profile='.$row['id'].'\'" title="'.$lang['srv_te_theme_edit'].'">';
echo '<div class="button palette" onclick="window.location.href=\'index.php?anketa='.$this->sid.'&a=theme-editor&profile='.$row['id'].'\'; event.stopPropagation();" title="'.$lang['srv_te_theme_edit'].'">';
echo '<span class="faicon palette"></span>';
echo $lang['srv_te_theme_edit'];
echo '</div>';
//Izbriši
if ($groupId == -1) {
echo '<div class="button theme_delete" onclick="if (confirm(\''.$lang['srv_ask_delete'].'\')) te_delete_profile(\''.$row['id'].'\', false); return false;" title="'.$lang['srv_te_theme_delete2'].'">';
echo '<div class="button theme_delete" onclick="if (confirm(\''.$lang['srv_ask_delete'].'\')) te_delete_profile(\''.$row['id'].'\', false); event.stopPropagation();" title="'.$lang['srv_te_theme_delete2'].'">';
echo '<span class="faicon trash empty"></span>';
echo $lang['srv_anketadelete_txt'];
echo '</div>';
@ -657,7 +650,7 @@ class SurveyTheme {
$src = ''.SurveyInfo::getSurveyLink().'&grupa='.$grupa.'&no_preview=1&preview=on&theme_profile='.$row['id'].'&mobile=1';
$is_current_skin = ($rowa['skin_profile_mobile'] == $row['id']) ? true : false;
echo '<div class="theme_list">';
echo '<div class="theme_list" onclick="te_change_profile(\''.$row['id'].'\', true, true); return false;">';
echo '<div class="theme">';
echo '<span class="name">'.$skin_name.'</span>';
@ -668,13 +661,11 @@ class SurveyTheme {
//Gumbi
echo '<div class="options options_mobile'.$row['id'].'" id="options'.$row['id'].'">';
// echo '<button onclick="show_settings_mobile(\''.$row['id'].'\')"> <i class="fa-solid fa-ellipsis"></i> </button>';
echo '<span class="faicon dots" onclick="show_settings_mobile(\''.$row['id'].'\')" > </span>';
echo '<span class="faicon dots" onclick="show_settings_mobile(\''.$row['id'].'\'); event.stopPropagation();"></span>';
echo '<div class="buttons-window" id="additional_settings_mobile_'.$row['id'].'">';
//Aktiviraj
echo '<div class="button" onclick="te_change_profile(\''.$row['id'].'\', true, true); return false;" title="'.$lang['srv_te_theme_activate2'].'">';
echo '<div class="button" onclick="te_change_profile(\''.$row['id'].'\', true, true); event.stopPropagation();" title="'.$lang['srv_te_theme_activate2'].'">';
echo '<span class="faicon fa-hand-pointer"></span>';
echo '<div class="aktiviraj">';
echo $lang['srv_te_theme_activate'];
@ -688,14 +679,14 @@ class SurveyTheme {
echo '</div>';
//Prilagodi
echo '<div class="button palette" onclick="window.location.href=\'index.php?anketa='.$this->sid.'&a=theme-editor&profile='.$row['id'].'&mobile=1\'" title="'.$lang['srv_te_theme_edit'].'">';
echo '<div class="button palette" onclick="window.location.href=\'index.php?anketa='.$this->sid.'&a=theme-editor&profile='.$row['id'].'&mobile=1\'; event.stopPropagation();" title="'.$lang['srv_te_theme_edit'].'">';
echo '<span class="faicon palette"></span>';
echo $lang['srv_te_theme_edit'];
echo '</div>';
//Izbriši
if ($groupId == -1) {
echo '<div class="button theme_delete" onclick="if (confirm(\''.$lang['srv_ask_delete'].'\')) te_delete_profile(\''.$row['id'].'\', true); return false;" title="'.$lang['srv_te_theme_delete2'].'">';
echo '<div class="button theme_delete" onclick="if (confirm(\''.$lang['srv_ask_delete'].'\')) te_delete_profile(\''.$row['id'].'\', true); event.stopPropagation();" title="'.$lang['srv_te_theme_delete2'].'">';
echo '<span class="faicon trash empty"></span>';
echo $lang['srv_anketadelete_txt'];
echo '</div>';
@ -735,53 +726,29 @@ class SurveyTheme {
if(substr($skin, 0, 6) == 'Mobile')
$src .= '&mobile=1';
echo '<div class="theme_label '.($is_current_skin || $is_current_mobile_skin ? 'span_theme_current' : '').'">';
echo '<div class="theme_label_content">';
// Preview slika
$css = urlencode($skin);
$gid = $groupId;
if ($groupId == -1) echo '<a href="#" class="theme_delete theme" gid="'.$groupId.'" css="'.urlencode($skin).'">'.$lang['srv_anketadelete_txt'].'</a>';
echo '<div class="theme_label '.($is_current_skin || $is_current_mobile_skin ? 'span_theme_current' : '').'" onclick="changeTheme(\''.$gid.'\', \''.$css.'\');" title="'.$lang['srv_te_theme_activate2'].'">';
echo '<div class="theme_label_content">';
if ($groupId == -1)
echo '<a href="#" class="theme_delete theme" gid="'.$groupId.'" css="'.urlencode($skin).'">'.$lang['srv_anketadelete_txt'].'</a>';
if ($groupId == -1) {
echo '<button class="button wtext" onclick="changeTheme(\''.$gid.'\', \''.$css.'\');" title="'.$lang['srv_te_theme_activate2'].'"><img src="'.$site_url.'public/img/skins_previews/'.($groupId==-1?'usertheme':urlencode($simple_name)).'.png" gid="'.$groupId.'" css="'.urlencode($skin).'" alt="'.$simple_name.'" title="'.$lang['srv_changetheme'].'"></button>';
echo '<img src="'.$site_url.'public/img/skins_previews/'.($groupId==-1?'usertheme':urlencode($simple_name)).'.png" gid="'.$groupId.'" css="'.urlencode($skin).'" alt="'.$simple_name.'" title="'.$lang['srv_changetheme'].'">';
}
else
echo '<button class="button wtext" onclick="changeTheme(\''.$gid.'\', \''.$css.'\');" title="'.$lang['srv_te_theme_activate2'].'"><img src="'.$site_url.'public/img/skins_previews/'.urlencode($simple_name).'.png" class="theme" gid="'.$groupId.'" css="'.urlencode($skin).'" alt="'.$simple_name.'" title="'.$lang['srv_changetheme'].'"></button>';
// // Ime teme
// echo '<span class="theme_name">';
// echo self::strip_name($simple_name.($simple_name=='1kaBlue' || $simple_name=='MobileBlue' ? ' ('.$lang['default'].')' : ''));
// // Vprasajcki
// if( in_array($simple_name, array('Fdv', 'Cdi', 'Uni', 'MobileFdv', 'MobileCdi', 'MobileUni')) ){
// echo ' '.Help::display('srv_skins_Fdv');
// }
// elseif($simple_name == 'Embed' || $simple_name == 'Embed2' || $simple_name == 'Slideshow'){
// echo ' '.Help::display('srv_skins_'.$simple_name);
// }
// if($groupId == -1)
// echo ' (CSS)';
// echo '</span>';
echo '<img src="'.$site_url.'public/img/skins_previews/'.urlencode($simple_name).'.png" class="theme" gid="'.$groupId.'" css="'.urlencode($skin).'" alt="'.$simple_name.'" title="'.$lang['srv_changetheme'].'">';
echo '</div>';
//Gumbi
echo '<div class="theme_label_options">';
$css = urlencode($skin);
$gid = $groupId;
// // Aktiviraj
// echo '<div class="button wtext" onclick="changeTheme(\''.$gid.'\', \''.$css.'\');" title="'.$lang['srv_te_theme_activate2'].'">';
// echo ' <span class="faicon fa-hand-pointer"></span>';
// echo $lang['srv_te_theme_activate'];
// echo '</div>';
// Ime teme
echo "<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet'>";
echo '<span class="theme_name">';
@ -809,15 +776,11 @@ class SurveyTheme {
else
$link = 'index.php?anketa='.$this->sid.'&a=theme-editor&profile_new='.$rowa['skin'];
echo '<div class="button palette" onclick="window.location.href=\''.$link.'\'" title="'.$lang['srv_te_theme_edit'].'">';
echo ' <span class="faicon palette"></span>';
echo '</div>';
echo ' <span class="faicon palette" onclick="window.location.href=\''.$link.'\'; event.stopPropagation();" title="'.$lang['srv_te_theme_edit'].'"></span>';
}
// Predogled
echo '<div class="button theme_links_preview" src="'.$src.'" title="'.$lang['srv_poglejanketo2'].'">';
echo ' <span class="faicon fa-desktop"></span>';
echo '</div>';
echo ' <span class="faicon fa-desktop" onclick="window.location.href=\''.$src.'\'; event.stopPropagation();" title="'.$lang['srv_poglejanketo2'].'"></span>';
echo '</div>'; // div.buttons_flex

View File

@ -5712,9 +5712,6 @@ function toggleAddUser(){
$("#new_user_option").toggleClass('displayNone');
$("#existing_user_option").toggleClass('displayNone');
}
function CommentDropdownClearText () {
$("#vsebina_0_4").value = '';
}
function toggleCommentDropdown () {
$("#comment_dropdown").toggleClass('displayNone');

View File

@ -2350,7 +2350,7 @@ class BodyController extends Controller
$_GET['testdata'] == 'on')
) {
echo '<span class="stngs floatLeft">';
echo '<span id="test_comments" class="stngs floatLeft">';
$show_survey_comment = $_GET['show_survey_comment'];
if ($row['forum'] == 0 || $row['thread'] == 0) {
@ -2364,7 +2364,7 @@ class BodyController extends Controller
$rowf = mysqli_fetch_array($sqlf);
$rowf['count']--; //zaradi 1. avtomatskega posta
echo '<a href="#" onclick="return false;" class="surveycomment bold" id="surveycomment_0_' . $view . '" type="0" view="' . $view . '" spremenljivka="0">';
echo '<span class="blue bold" id="surveycomment_0_' . $view . '" type="0" view="' . $view . '" spremenljivka="0">';
echo self::$lang['srv_comment_splosen'] . ' ';
echo '<span class="faicon comment" title="' . self::$lang['srv_survey_comment'] . '" alt="' . self::$lang['srv_survey_comment'] . '"></span>';
@ -2375,15 +2375,65 @@ class BodyController extends Controller
if (mysqli_num_rows($s) == 0)
$show_survey_comment = 1;
}
echo '</a>';
echo '</span>';
//dropdown na klik ikone
echo '<div id="comment_dropdown" class="displayNone">';
echo '<div class="title">';
echo '<span class="faicon comment_dropdown"></span>';
echo $lang['comments'];
echo '</div>';
$comment_link = 'window.location.href=\'' . $site_url . 'admin/survey/index.php?anketa='.$row['id'].'&a=komentarji\'; return false;';
echo '<div class="links" onclick="'.$comment_link.'">';
echo $lang['srv_testiranje_komentarji_anketa_title'];
echo ' (' . $comment_count['question']['unresolved'];
echo '/' . $comment_count['question']['all'] . ')';
echo '<span class="faicon fa-angle-right"></span>';
echo '</div>';
$comment_link = 'window.location.href=\'' . $site_url . 'admin/survey/index.php?anketa='.$row['id'].'&a=komentarji_anketa\'; return false;';
echo '<div class="links" onclick="'.$comment_link.'">';
echo $lang['srv_testiranje_komentarji_title'];
echo ' (' . ($comment_count['survey_resp']['unresolved'] + $comment_count['survey_admin']['unresolved']); //nerešeni
echo '/' . ($comment_count['survey_resp']['all'] + $comment_count['survey_admin']['all']) . ')'; //vsi
echo '<span class="faicon fa-angle-right"></span>';
echo '</div>';
echo '<div id="survey_comment_0_1">';
$ba = new BranchingAjax($this->anketa);
$ba->add_comment_field(0, '0', '1', false, false);
echo '</div>';
echo '<div class="button_holder">';
echo ' <button class="small blue" onclick="toggleCommentDropdown(); return false;">'.$lang['srv_zapri'].'</button>';
echo '<div class="options">';
echo '<div class="square" onclick="toggleCommentDropdown(); return false;">';
echo '<span class="faicon fa-times"></span>';
echo '</div>';
echo '<div class="square blue" onclick="add_comment(\'0\', \'0\', \'1\', $(\'#vsebina_0_1\').val()); return false;">';
echo '<span class="faicon fa-paper-plane"></span>';
echo '</div>';
echo '</div>';
echo '</div>'; //button holder
echo '</div>'; //comment_dropdown
// Klik izven - zapremo dropdown
echo '<script>
$(document).mouseup(function(e){
var container = $("#comment_dropdown");
if (!container.is(e.target) && container.has(e.target).length === 0){
$("#comment_dropdown").addClass("displayNone");
}
});
</script>';
}
echo '<script type="text/javascript" src="' . self::$site_url . '/admin/survey/script/js-lang.php?lang='.self::$lang['lang_short'].'&amp;v=13.06.07"></script>';
// Ce je tole vklopljeno se js porusi?
//echo '<script type="text/javascript" src="'.self::$site_url.'/admin/survey/minify/g=jsnew?v=13.06.07"></script>';
echo '<script type="text/javascript" src="' . self::$site_url . '/admin/survey/script/jquery/jquery.qtip-1.0.js"></script>';
echo '<script type="text/javascript" src="' . self::$site_url . '/admin/survey/script/script.js"></script>';
echo '<script> $(function() { load_comment(\'#surveycomment_0_' . $view . '\'' . ($show_survey_comment == '1' ? ', \'2\'' : '') . '); });</script>';
echo '</span>';
}
@ -2417,7 +2467,7 @@ class BodyController extends Controller
$sqlf = sisplet_query("SELECT COUNT(*) AS count FROM post WHERE tid='$row[thread_resp]'");
$rowf = mysqli_fetch_array($sqlf);
$rowf['count']--; //zaradi 1. avtomatskega posta
echo '<a href="#" onclick="return false;" class="surveycomment bold" id="surveycomment_0_' . $view . '" type="4" view="' . $view . '" spremenljivka="0">';
echo '<span onclick="return false;" class="surveycomment bold" id="surveycomment_0_' . $view . '" type="4" view="' . $view . '" spremenljivka="0">';
echo self::$lang['srv_comment_splosen'] . ' ';
echo '<span class="faicon comment" title="' . self::$lang['srv_survey_comment'] . '" alt="' . self::$lang['srv_survey_comment'] . '"></span>';

View File

@ -1800,8 +1800,8 @@ class JsController extends Controller
}
}
// roleta
else if ($row['tip'] == 3) {
// roleta - desktop
else if ($row['tip'] == 3 && get('mobile') == 0) {
echo ' try { ' . "\n";
echo ' if ( ';
$this->generateCondition($row['if_id']);
@ -1818,6 +1818,24 @@ class JsController extends Controller
echo ' } catch (e) {} ' . "\n";
}
// roleta - mobile ali tablica
else if ($row['tip'] == 3 && get('mobile') != 0) {
echo ' try { ' . "\n";
echo ' if ( ';
$this->generateCondition($row['if_id']);
echo ' ) { ' . "\n";
echo ' document.getElementById(\'vrednost_if_' . $row['id'] . '\').style.display = \'\'; ' . "\n";
echo ' } else { ' . "\n";
echo ' document.getElementById(\'vrednost_if_' . $row['id'] . '\').style.display = \'none\'; ' . "\n";
echo ' } ' . "\n";
echo $sum;
echo ' } catch (e) {} ' . "\n";
}
// ranking premikanje
else if ($row['tip'] == 17 && $row['design'] == 2 && get('mobile') == '0') {
echo ' try { ' . "\n";

File diff suppressed because it is too large Load Diff

View File

@ -1,14 +1,3 @@
.buttons-window.displayNone{
display: none;
}
.faicon.dots{
cursor: pointer;
color: #1e88e5;
}
// Oblika - prva stran, meni s temami
div.page_tema {
@ -67,7 +56,10 @@ div.page_tema {
}
.faicon.dots{
cursor: pointer;
color: #1e88e5;
}
//Gumbi
@ -77,141 +69,104 @@ div.page_tema {
position: relative;
div.buttons-window{
z-index: 9999;
position: absolute;
bottom: 20px;
max-width: 113px;
// display: none;
box-shadow: 0px 0px 7px 0px #0000001F;
top: 32px;
right: -16px;
background: #FFFFFF;
box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.12);
border-radius: 2px;
margin-right: 5px;
background-color: #FFFF;
.button.palette{
// padding-bottom: 20px;
}
.button{
border: none;
// margin: 8px auto 8px auto;
margin: 8px 0px;
padding: 0px 16px;
text-align: center;
.faicon{
vertical-align: middle;
width: 14px;
height: 14px;
}
}
.button:first-of-type{
margin-top: 16px;
}
.button:last-of-type{
margin-bottom: 16px;
}
}
div.buttons-window.active {
&.active {
display: block;
}
div.button {
background: $white;
border: 1px solid $gray;
box-sizing: border-box;
border-radius: 2px;
height: 28px;
width: 100%;
display: flex;
align-items: center;
padding: 7px 12px;
margin-right: 8px;
&:last-child {
margin-right: 0px;
}
font-size: 14px;
.button{
cursor: pointer;
span.faicon {
border: none;
display: flex;
align-items: center;
justify-content: flex-start;
padding: 8px 16px;
font-size: 14px;
color: $black;
.faicon{
margin-right: 8px;
&:before{
color: $blue;
background-color: unset;
font-size: 14px;
}
span.faicon:hover{
color: #0059AB;
}
&:hover{
.faicon:before{
color: $dark-blue;
transition: 0.2s;
&:hover {
background-color: darken($white,5%);
}
}
}
.button:first-of-type{
padding-top: 16px;
}
.button:last-of-type{
padding-bottom: 16px;
}
}
}
}
div.div_theme_group {
&.custom {
display: none;
.theme_list{
cursor: pointer;
transition: 0.2s;
&:hover{
background-color: $light-gray;
}
}
}
}
//Splošne teme - GRID
div#theme_grid_holder {
display: flex;
justify-content: center;
padding: 0px 32px;
padding: 0px;
div.div_theme_group {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-gap: 16px;
box-sizing: border-box;
@media (max-width: 1380px) {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
@media (max-width: 1180px) {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 980px) {
grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 780px) {
grid-template-columns: 1fr 1fr;
}
@media (max-width: 480px) {
grid-template-columns: 1fr;
}
display: flex;
flex-wrap: wrap;
gap: 16px;
div.theme_label {
cursor: pointer;
width: 259px;
max-height: 265px;
box-sizing: border-box;
padding: 16px;
background-color: $light-gray;
border: 1px solid $light-gray;
padding: 14px 16px;
margin-bottom: 16px;
transition: 0.2s;
&:hover{
background-color: $light-gray2;
}
.theme_label_content{
@ -249,7 +204,6 @@ div.page_tema {
justify-content: space-between;
box-sizing: border-box;
margin-top: 16px;
margin-bottom: 2px;
span.theme_name {
font-weight: 600;
@ -269,9 +223,22 @@ div.page_tema {
.buttons_flex{
display: flex;
.button.palette{
span.faicon {
cursor: pointer;
color: $blue;
&:before{
font-size: 14px;
}
&.palette{
margin-right: 8px;
}
&:hover{
color: $dark-blue;
}
}
}
@ -294,12 +261,7 @@ div.page_tema {
cursor: pointer;
span.faicon {
margin: 0;
color: $blue;
width: 14px;
height: 14px;
}
span.faicon:hover{
color: #0059AB;
}
@ -308,7 +270,7 @@ div.page_tema {
padding: 7px 12px;
span.faicon {
margin-right: 8px;
margin-right: 16px;
}
}

View File

@ -876,6 +876,148 @@ div.page_komentarji_anketa {
}
}
}
span#test_comments {
position: relative;
#comment_dropdown {
position: absolute;
background-color: $white;
top: 35px;
right: 0;
width: 305px;
z-index: 9999;
box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.12);
border-radius: 2px;
font-family: $font_family;
padding: 12px;
cursor: auto !important;
.title {
width: 100%;
margin-bottom: 16px;
padding-bottom: 12px;
font-weight: 600;
font-size: 16px;
text-transform: uppercase;
border-bottom: 1px $gray solid;
font-size: 14px !important;
color: $black;
display: flex;
flex-direction: row;
align-content: center;
span.faicon.comment_dropdown {
margin-right: 6px;
line-height: 17px !important;
&::before{
color: $blue !important;
font-weight: 400;
font-size: 14px !important;
content: "\f27a";
}
}
}
.links {
margin-bottom: 16px;
color: $blue;
font-weight: 400;
font-size: 14px !important;
display: flex;
flex-direction: row;
align-content: center;
cursor: pointer;
width: fit-content;
span.faicon {
margin-left: 8px;
line-height: 17px !important;
&::before{
color: $blue !important;
font-size: 14px !important;
}
}
}
#comment_field {
padding-top: 16px;
border-top: 1px solid $gray;
margin-bottom: 10px;
textarea {
height: 130px;
width: 100%;
margin: 0;
}
}
.button_holder {
display: flex;
flex-direction: row;
justify-content: space-between;
padding-top: 8px;
border-top: 1px solid $gray;
margin-bottom: 0;
button {
min-width: 128px;
}
.options {
display: flex;
flex-direction: row;
.square {
box-sizing: border-box;
border: 1px solid $blue;
width: 28px;
height: 28px;
margin-left: 8px;
display: flex;
justify-content: center;
align-content: center;
color: $blue;
font-size: 14px !important;
cursor: pointer;
&.blue {
background-color: $blue;
span.faicon::before {
font-size: 14px !important;
color: $white;
}
}
span.faicon::before {
$font_weight: 400;
font-size: 16px !important;
}
}
}
}
}
}
#quick_comments_link.newCss {
text-align: center;