vanzhiganov/clipbucket
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

modified: made some changes in styling for manage comments module

Browse source
This commit is contained in:
Awais-cb 2017-05-19 20:38:28 +05:00
parent 65c9918155
commit b4835d2e81
3 changed files with 5457 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
upload/styles/cb_28/layout/blocks/comments/comment.html
View file

@ -46,10 +46,14 @@
{else} {else}
<!-- changes made -->
<script>
var assigningClassToId = document.getElementById("comment_{$comment.comment_id}");
assigningClassToId.className += " heighlightacomment";
</script>
<!-- changes made -->
<li id="comment_{$comment.comment_id}" class="clearfix" {$comment_attr} style="padding:10px;">
<li id="comment_{$comment.comment_id}" class="clearfix" {$comment_attr} >
<hr> <hr>
<div class="comments-box clearfix"> <div class="comments-box clearfix">
{$user_id=$comment.userid} {$user_id=$comment.userid}
@ -206,29 +210,6 @@
$("html, body").delay(500).animate({ scrollTop: $('#comment_{$comment.comment_id}').offset().top }, 500); $("html, body").delay(500).animate({ scrollTop: $('#comment_{$comment.comment_id}').offset().top }, 500);
</script> --> </script> -->
<style type="text/css" media="screen">
@keyframes highlight{
0% {
background: #e0e0e0;
}
100% {
background: none;
}
}
#comment_{$comment.comment_id}:target {
animation: highlight 5s;
}
#comment_{$comment.comment_id}{
padding:10px;
border-radius: 10px;
}
</style>

5396
upload/styles/cb_28/theme/css/all.css
View file

File diff suppressed because one or more lines are too long

56
upload/styles/cb_28/theme/scss/all.scss
View file

@ -3181,6 +3181,29 @@ textarea#comment_box{
padding: 10px 40px 10px 10px; padding: 10px 40px 10px 10px;
} }
} }
.alert_messages_holder {
position:fixed;
top:70px;
right:10px;
z-index: 1050;
.alert-messages {
position: relative;
width: 300px;
margin: 0 0 10px;
}
.close_message{
position: absolute;
top: 8px;
right: 8px;
z-index: 5;
border:none;
background:none;
font-size: 21px;
font-weight: 700;
line-height: 1;
text-shadow: 0 1px 0 #FFF;
}
}
/**/ /**/
@import "header"; @import "header";
@import "sidebar"; @import "sidebar";
@ -3689,4 +3712,35 @@ textarea#comment_box{
} }
} }
} }
// **
.heighlightacomment{
&:target {
animation: heighlight_comment 5s;
border-radius: 10px;
}
}
@mixin heighlight_comment_function(){
0%{
background: #e0e0e0;
}
100%{
background: none;
}
}
@-webkit-keyframes heighlight_comment {
@include heighlight_comment_function();
}
@-moz-keyframes heighlight_comment {
@include heighlight_comment_function();
}
@-o-keyframes heighlight_comment {
@include heighlight_comment_function();
}
@keyframes heighlight_comment {
@include heighlight_comment_function();
}