fix(comment): enforce dom structure for sub-comments

this allows "comments"-icon to be used in the actions section (or elsewhere) Closes #131 / Semantic-Org/Semantic-UI#4404 / Semantic-Org/Semantic-UI#6595
fomantic · Sep 24, 2018 · 9432f26 · 9432f26
1 parent a13a9e7
commit 9432f26
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/src/definitions/views/comment.less b/src/definitions/views/comment.less
@@ -62,16 +62,16 @@
     Nested Comments
 ---------------------*/
 
-.ui.comments .comment .comments {
+.ui.comments .comment > .comments {
   margin: @nestedCommentsMargin;
   padding: @nestedCommentsPadding;
 }
-.ui.comments .comment .comments:before{
+.ui.comments .comment > .comments:before{
   position: absolute;
   top: 0px;
   left: 0px;
 }
-.ui.comments .comment .comments .comment {
+.ui.comments .comment > .comments .comment {
   border: @nestedCommentBorder;
   border-top: @nestedCommentDivider;
   background: @nestedCommentBackground;
@@ -212,7 +212,7 @@
         Threaded
 ---------------------*/
 
-.ui.threaded.comments .comment .comments {
+.ui.threaded.comments .comment > .comments {
   margin: @threadedCommentMargin;
   padding: @threadedCommentPadding;
   box-shadow: @threadedCommentBoxShadow;
@@ -288,7 +288,7 @@
   color: @invertedHoveredTextColor;
 }
 
-.ui.inverted.threaded.comments .comment .comments {
+.ui.inverted.threaded.comments .comment > .comments {
   box-shadow: -1px 0px 0px @solidWhiteBorderColor;
 }
 

diff --git a/src/themes/chubby/views/comment.overrides b/src/themes/chubby/views/comment.overrides
@@ -6,7 +6,7 @@
   border-radius: 0.5em;
   box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
 }
-.ui.comments .comment .comments .comment {
+.ui.comments .comment > .comments .comment {
   border: 1px solid rgba(0, 0, 0, 0.1);
   box-shadow: none;
 }