[Redizajn 1KA v2] Testiranje --> Komentarji - dropdown - v delu
This commit is contained in:
tejagerjovic
parent
e00960c373
commit
31f840c331
@ -2317,7 +2317,7 @@ class BranchingAjax {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function add_comment_field ($spremenljivka, $type, $view, $form=true) {
|
function add_comment_field ($spremenljivka, $type, $view, $form=true, $buttons=true) {
|
||||||
global $admin_type;
|
global $admin_type;
|
||||||
global $global_user_id;
|
global $global_user_id;
|
||||||
global $lang;
|
global $lang;
|
||||||
@ -2327,15 +2327,17 @@ class BranchingAjax {
|
|||||||
|
|
||||||
echo '<textarea name="vsebina" placeholder="'.$lang['srv_comments_add_comment'].'" id="vsebina_'.$spremenljivka.'_'.$view.'"></textarea>';
|
echo '<textarea name="vsebina" placeholder="'.$lang['srv_comments_add_comment'].'" id="vsebina_'.$spremenljivka.'_'.$view.'"></textarea>';
|
||||||
|
|
||||||
echo '<div class="button_holder bottom0">';
|
if ($buttons) {
|
||||||
|
echo '<div class="button_holder bottom0">';
|
||||||
|
|
||||||
if($_GET['a'] == 'comment_manage')
|
if($_GET['a'] == 'comment_manage')
|
||||||
echo ' <button class="medium white-blue" onClick="closeCommentQtip(\''.$spremenljivka.'_'.$view.'\');">'.$lang['edit1338'].'</button>';
|
echo ' <button class="medium white-blue" onClick="closeCommentQtip(\''.$spremenljivka.'_'.$view.'\');">'.$lang['edit1338'].'</button>';
|
||||||
else
|
else
|
||||||
echo ' <button class="medium white-blue" onClick="toggleAddComment(\''.$spremenljivka.'_'.$view.'\');">'.$lang['edit1338'].'</button>';
|
echo ' <button class="medium white-blue" onClick="toggleAddComment(\''.$spremenljivka.'_'.$view.'\');">'.$lang['edit1338'].'</button>';
|
||||||
|
|
||||||
echo ' <button class="medium blue" onclick="add_comment(\''.$spremenljivka.'\', \''.$type.'\', \''.$view.'\', $(\'#vsebina_'.$spremenljivka.'_'.$view.'\').val()); return false;">'.$lang['srv_comments_new'].'</button>';
|
echo ' <button class="medium blue" onclick="add_comment(\''.$spremenljivka.'\', \''.$type.'\', \''.$view.'\', $(\'#vsebina_'.$spremenljivka.'_'.$view.'\').val()); return false;">'.$lang['srv_comments_new'].'</button>';
|
||||||
echo '</div>';
|
echo '</div>';
|
||||||
|
}
|
||||||
|
|
||||||
if (($type == 0 || $view==3) && ($admin_type == 0 || $global_user_id==$rowanketa['insert_uid'])) {
|
if (($type == 0 || $view==3) && ($admin_type == 0 || $global_user_id==$rowanketa['insert_uid'])) {
|
||||||
echo '<div class="comment_bottom">';
|
echo '<div class="comment_bottom">';
|
||||||
|
|||||||
@ -1406,22 +1406,79 @@ class SurveyAdmin
|
|||||||
if ($nereseno > 99)
|
if ($nereseno > 99)
|
||||||
$nereseno = '99+';
|
$nereseno = '99+';
|
||||||
|
|
||||||
echo '<a href="' . $site_url . 'admin/survey/index.php?anketa='.$row['id'].'&a=komentarji" title="' . $lang['srv_view_comment'] . '" ><div class="fa-stack has_comment"><span class="faicon comments" title="' . $lang['srv_view_comment'] . '">';
|
echo '<div class="fa-stack has_comment"><span class="faicon comments" id="nereseno" onclick="toggleCommentDropdown(); return false;">';
|
||||||
echo '<span class="comment_number">'.$nereseno.'</span>';
|
echo '<span class="comment_number">'.$nereseno.'</span>';
|
||||||
echo '</span></div></a>';
|
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
echo '<a href="' . $site_url . 'admin/survey/index.php?anketa='.$row['id'].'&a=komentarji" title="' . $lang['srv_view_comment'] . '" ><div class="fa-stack"><span class="faicon comments" title="' . $lang['srv_view_comment'] . '">';
|
echo '<div class="fa-stack" ><span class="faicon comments" id="vkljuceno" onclick="toggleCommentDropdown(); return false;">';
|
||||||
echo '</span></div></a>';
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
else{
|
else{
|
||||||
if ($nereseno > 0)
|
if ($nereseno > 0)
|
||||||
echo '<a href="' . $site_url . 'admin/survey/index.php?anketa='. $row['id'].'&a=urejanje" title="' . $lang['srv_view_comment'] . '" ><div class="fa-stack"><span class="faicon comments icon-orange fa-stack-1x user_access_locked" title="' . $lang['srv_view_comment'] . '"></span></div></a>';
|
echo '<div class="fa-stack"><span class="faicon comments icon-orange fa-stack-1x user_access_locked">';
|
||||||
else
|
else
|
||||||
echo '<a href="' . $site_url . 'admin/survey/index.php?anketa='.$row['id'].'&a=urejanje" title="' . $lang['srv_view_comment'] . '" ><div class="fa-stack"><span class="faicon comments user_access_locked" title="' . $lang['srv_view_comment'] . '"></span></div></a>';
|
echo '<div class="fa-stack"><span class="faicon comments user_access_locked">';
|
||||||
}
|
}
|
||||||
|
|
||||||
|
echo '</span></div>'; //zaključi ikono
|
||||||
|
|
||||||
|
//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="comment_field">';
|
||||||
|
$ba = new BranchingAjax($this->anketa);
|
||||||
|
$ba->add_comment_field(0, '1', '4', 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 '<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 '<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 '</div>';
|
echo '</div>';
|
||||||
echo '</li>';
|
echo '</li>';
|
||||||
}
|
}
|
||||||
@ -1433,12 +1490,14 @@ class SurveyAdmin
|
|||||||
// Preverimo, ce je funkcionalnost v paketu, ki ga ima uporabnik
|
// Preverimo, ce je funkcionalnost v paketu, ki ga ima uporabnik
|
||||||
|
|
||||||
if($userAccess->checkUserAccess('komentarji')) {
|
if($userAccess->checkUserAccess('komentarji')) {
|
||||||
echo '<a href="' . $site_url . 'admin/survey/ajax.php?anketa='.$row['id'].'&a=comments_onoff&do=on" title="' . $lang['srv_preview_comments'] . '"><div class="fa-stack inactive_comments"><span class="faicon comments" title="' . $lang['srv_preview_comments'] . '">';
|
$comment_link = 'window.location.href=\'' . $site_url . 'admin/survey/ajax.php?anketa='.$row['id'].'&a=comments_onoff&do=on\'; return false;';
|
||||||
|
echo '<div class="fa-stack inactive_comments" onclick="'.$comment_link.'"><span class="faicon comments" title="' . $lang['srv_preview_comments'] . '">';
|
||||||
}
|
}
|
||||||
else
|
else {
|
||||||
echo '<a href="' . $site_url . 'admin/survey/index.php?anketa='.$row['id'].'&a=urejanje" title="' . $lang['srv_preview_comments'] . '"><div class="fa-stack"><span class="faicon comments user_access_locked" title="' . $lang['srv_preview_comments'] . '">';
|
$comment_link = 'window.location.href=\'' . $site_url . 'admin/survey/ajax.php?anketa='.$row['id'].'&a=urejanje\'; return false;';
|
||||||
|
echo '<div class="fa-stack" onclick="'.$comment_link.'"><span class="faicon comments user_access_locked" title="' . $lang['srv_preview_comments'] . '">';
|
||||||
echo '</span></div></a>';
|
}
|
||||||
|
echo '</span></div>';
|
||||||
|
|
||||||
echo '</div>';
|
echo '</div>';
|
||||||
echo '</li>';
|
echo '</li>';
|
||||||
|
|||||||
@ -5712,3 +5712,10 @@ function toggleAddUser(){
|
|||||||
$("#new_user_option").toggleClass('displayNone');
|
$("#new_user_option").toggleClass('displayNone');
|
||||||
$("#existing_user_option").toggleClass('displayNone');
|
$("#existing_user_option").toggleClass('displayNone');
|
||||||
}
|
}
|
||||||
|
function CommentDropdownClearText () {
|
||||||
|
$("#vsebina_0_4").value = '';
|
||||||
|
}
|
||||||
|
|
||||||
|
function toggleCommentDropdown () {
|
||||||
|
$("#comment_dropdown").toggleClass('displayNone');
|
||||||
|
}
|
||||||
@ -6148,6 +6148,10 @@ span.faicon.screwdriver::before {
|
|||||||
font-weight: 600 !important;
|
font-weight: 600 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
span.faicon.fa-x::before {
|
||||||
|
content: "X";
|
||||||
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
To change this license header, choose License Headers in Project Properties.
|
To change this license header, choose License Headers in Project Properties.
|
||||||
To change this template file, choose Tools | Templates
|
To change this template file, choose Tools | Templates
|
||||||
@ -25664,20 +25668,25 @@ div.page_komentarji_anketa ul div.question_comment_holder div.question_comment .
|
|||||||
margin: 0px 3px;
|
margin: 0px 3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#quick_comments_link a {
|
#quick_comments_link {
|
||||||
|
position: relative;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
#quick_comments_link a span.link {
|
#quick_comments_link span.link {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 3px !important;
|
padding: 3px !important;
|
||||||
padding-bottom: 5px !important;
|
padding-bottom: 5px !important;
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
#quick_comments_link a .fa-stack .comments {
|
#quick_comments_link .fa-stack {
|
||||||
|
color: #FFFFFF !important;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
#quick_comments_link .fa-stack .comments {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
#quick_comments_link a .fa-stack .comments .comment_number {
|
#quick_comments_link .fa-stack .comments .comment_number {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
color: #1E88E5;
|
color: #1E88E5;
|
||||||
left: 0;
|
left: 0;
|
||||||
@ -25691,7 +25700,7 @@ div.page_komentarji_anketa ul div.question_comment_holder div.question_comment .
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
#quick_comments_link a .fa-stack.has_comment::after {
|
#quick_comments_link .fa-stack.has_comment::after {
|
||||||
content: "•";
|
content: "•";
|
||||||
font-size: 50px;
|
font-size: 50px;
|
||||||
color: #FF8787;
|
color: #FF8787;
|
||||||
@ -25700,9 +25709,113 @@ div.page_komentarji_anketa ul div.question_comment_holder div.question_comment .
|
|||||||
right: -13px;
|
right: -13px;
|
||||||
z-index: 999;
|
z-index: 999;
|
||||||
}
|
}
|
||||||
#quick_comments_link a .fa-stack.inactive_comments span.faicon::before {
|
#quick_comments_link .fa-stack.inactive_comments span.faicon::before {
|
||||||
color: #0059ab !important;
|
color: #0059ab !important;
|
||||||
}
|
}
|
||||||
|
#quick_comments_link #comment_dropdown {
|
||||||
|
position: absolute;
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
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: Source Sans Pro, sans-serif;
|
||||||
|
padding: 12px;
|
||||||
|
cursor: auto !important;
|
||||||
|
}
|
||||||
|
#quick_comments_link #comment_dropdown .title {
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom: 16px;
|
||||||
|
padding-bottom: 12px;
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 16px;
|
||||||
|
text-transform: uppercase;
|
||||||
|
border-bottom: 1px #E5E5E5 solid;
|
||||||
|
font-size: 14px !important;
|
||||||
|
color: #333333;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-content: center;
|
||||||
|
}
|
||||||
|
#quick_comments_link #comment_dropdown .title span.faicon.comment_dropdown {
|
||||||
|
margin-right: 6px;
|
||||||
|
line-height: 17px !important;
|
||||||
|
}
|
||||||
|
#quick_comments_link #comment_dropdown .title span.faicon.comment_dropdown::before {
|
||||||
|
color: #1E88E5 !important;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 14px !important;
|
||||||
|
content: "\f27a";
|
||||||
|
}
|
||||||
|
#quick_comments_link #comment_dropdown .links {
|
||||||
|
margin-bottom: 16px;
|
||||||
|
color: #1E88E5;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 14px !important;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-content: center;
|
||||||
|
cursor: pointer;
|
||||||
|
width: fit-content;
|
||||||
|
}
|
||||||
|
#quick_comments_link #comment_dropdown .links span.faicon {
|
||||||
|
margin-left: 8px;
|
||||||
|
line-height: 17px !important;
|
||||||
|
}
|
||||||
|
#quick_comments_link #comment_dropdown .links span.faicon::before {
|
||||||
|
color: #1E88E5 !important;
|
||||||
|
font-size: 14px !important;
|
||||||
|
}
|
||||||
|
#quick_comments_link #comment_dropdown #comment_field {
|
||||||
|
padding-top: 16px;
|
||||||
|
border-top: 1px solid #E5E5E5;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
#quick_comments_link #comment_dropdown #comment_field textarea {
|
||||||
|
height: 130px;
|
||||||
|
width: 100%;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
#quick_comments_link #comment_dropdown .button_holder {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding-top: 8px;
|
||||||
|
border-top: 1px solid #E5E5E5;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
#quick_comments_link #comment_dropdown .button_holder button {
|
||||||
|
min-width: 128px;
|
||||||
|
}
|
||||||
|
#quick_comments_link #comment_dropdown .button_holder .options {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
}
|
||||||
|
#quick_comments_link #comment_dropdown .button_holder .options .square {
|
||||||
|
box-sizing: border-box;
|
||||||
|
border: 1px solid #1E88E5;
|
||||||
|
width: 28px;
|
||||||
|
height: 28px;
|
||||||
|
margin-left: 8px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-content: center;
|
||||||
|
color: #1E88E5;
|
||||||
|
font-size: 14px !important;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
#quick_comments_link #comment_dropdown .button_holder .options .square.blue {
|
||||||
|
background-color: #1E88E5;
|
||||||
|
}
|
||||||
|
#quick_comments_link #comment_dropdown .button_holder .options .square.blue span.faicon::before {
|
||||||
|
font-size: 14px !important;
|
||||||
|
color: #FFFFFF;
|
||||||
|
}
|
||||||
|
#quick_comments_link #comment_dropdown .button_holder .options .square span.faicon::before {
|
||||||
|
font-size: 16px !important;
|
||||||
|
}
|
||||||
|
|
||||||
#quick_comments_link.newCss {
|
#quick_comments_link.newCss {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|||||||
@ -707,3 +707,7 @@ span.faicon.screwdriver::before{
|
|||||||
font-weight: 600 !important;
|
font-weight: 600 !important;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
span.faicon.fa-x::before{
|
||||||
|
content: "\58";
|
||||||
|
}
|
||||||
@ -681,60 +681,200 @@ div.page_komentarji_anketa {
|
|||||||
margin: 0px 3px;
|
margin: 0px 3px;
|
||||||
}
|
}
|
||||||
#quick_comments_link {
|
#quick_comments_link {
|
||||||
a {
|
|
||||||
span.link {
|
|
||||||
display: inline-block;
|
|
||||||
padding: 3px !important;
|
|
||||||
padding-bottom: 5px !important;
|
|
||||||
font-size: 11px;
|
|
||||||
vertical-align: top;
|
|
||||||
}
|
|
||||||
|
|
||||||
text-decoration: none;
|
position:relative;
|
||||||
|
|
||||||
|
span.link {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 3px !important;
|
||||||
|
padding-bottom: 5px !important;
|
||||||
|
font-size: 11px;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
|
text-decoration: none;
|
||||||
|
|
||||||
|
.fa-stack {
|
||||||
|
.comments {
|
||||||
|
position: relative;
|
||||||
|
.comment_number {
|
||||||
|
position: absolute;
|
||||||
|
color: $blue;
|
||||||
|
left: 0;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
top: 35%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
z-index: 99;
|
||||||
|
|
||||||
|
font-family: $font_family;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 400;
|
||||||
|
|
||||||
|
text-align: center;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.has_comment {
|
||||||
|
&::after {
|
||||||
|
content: "•";
|
||||||
|
font-size: 50px;
|
||||||
|
color: $coral;
|
||||||
|
|
||||||
.fa-stack {
|
|
||||||
.comments {
|
|
||||||
position: relative;
|
position: relative;
|
||||||
.comment_number {
|
top: -45px;
|
||||||
position: absolute;
|
right: -13px;
|
||||||
color: $blue;
|
z-index: 999;
|
||||||
left: 0;
|
|
||||||
transform: translateX(-50%);
|
|
||||||
top: 35%;
|
|
||||||
transform: translateY(-50%);
|
|
||||||
z-index: 99;
|
|
||||||
|
|
||||||
font-family: $font_family;
|
}
|
||||||
font-size: 14px;
|
}
|
||||||
|
|
||||||
|
color: $white !important;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
&.inactive_comments {
|
||||||
|
span.faicon::before {
|
||||||
|
color: $dark-blue !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#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-weight: 400;
|
||||||
|
font-size: 14px !important;
|
||||||
text-align: center;
|
content: "\f27a";
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
&.has_comment {
|
|
||||||
&::after {
|
|
||||||
content: "•";
|
|
||||||
font-size: 50px;
|
|
||||||
color: $coral;
|
|
||||||
|
|
||||||
position: relative;
|
|
||||||
top: -45px;
|
|
||||||
right: -13px;
|
|
||||||
z-index: 999;
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.inactive_comments {
|
|
||||||
span.faicon::before {
|
|
||||||
color: $dark-blue !important;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
.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 {
|
#quick_comments_link.newCss {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user