Make hidden diary entries and comments more visible

[rails.git] / app / assets / stylesheets / common.scss

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index 71df217b3b5426a2ce5271d13ffdc1a5225b2166..d3488fe73766cc15e3f04bbdc8fa9d604223d3dd 100644 (file)
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -1664,10 +1664,18 @@ tr.turn:hover {
 
 .diary_post {
   position: relative;
 
 .diary_post {
   position: relative;

-  margin-top: $lineheight/2;

   padding-top: $lineheight;
   padding-top: $lineheight;

+  padding-bottom: $lineheight/2;

   border-top: 1px solid #ccc;
 
   border-top: 1px solid #ccc;
 

+  &:first-of-type {
+    margin-top: $lineheight/2;
+  }
+
+  &.deemphasize {
+    background-color: #fee;
+  }
+

   .post_heading {
     margin-bottom: $lineheight;
 
   .post_heading {
     margin-bottom: $lineheight;
 


@@ -1712,14 +1720,17 @@ tr.turn:hover {
     max-width: 740px;
   }
   .diary-comment {
     max-width: 740px;
   }
   .diary-comment {

-    margin-top: $lineheight/2;

     border-top: 1px dashed #ccc;
     padding-top: $lineheight/2;
     border-top: 1px dashed #ccc;
     padding-top: $lineheight/2;

+    padding-bottom: $lineheight/2;

     &:first-child {
     &:first-child {

-      margin-top: $lineheight;
+      margin-top: $lineheight/2;

       padding-top: $lineheight;
       border-top: 1px solid #ccc;
     }
       padding-top: $lineheight;
       border-top: 1px solid #ccc;
     }

+    &.deemphasize {
+      background-color: #fee;
+    }

     p {
       margin-bottom: $lineheight/2;
     }
     p {
       margin-bottom: $lineheight/2;
     }