Merge pull request #4817 from freelawproject/front-end-fixes

fix(opinions.css):Front end tweaks
freelawproject · Dec 13, 2024 · 8dc7808 · 8dc7808
2 parents 0771925 + 229dfe4
commit 8dc7808
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 16 deletions.
diff --git a/cl/assets/static-global/css/opinions.css b/cl/assets/static-global/css/opinions.css
@@ -6,7 +6,6 @@
 .opinion-body {
 
   .harvard > * {
-    font-family: Merriweather, "Times New Roman", Times, serif;
     font-size: 15px;
     letter-spacing: 0.2px;
     text-align: justify;
@@ -379,24 +378,19 @@ div.footnote:first-of-type {
 
   /*Case Caption CSS*/
   #caption-square {
-    background-color: #F6F2EE;
+    background-color: whitesmoke;
     margin-left: -15px;
     margin-right: -15px;
     margin-top: -20px;
   }
 
   #caption-square > ul > li {
-    background-color: #fcfaf9;
+    background-color: #e7e7e7;
     border-top-right-radius: 5px 5px; /* Rounds the corners */
     border-top-left-radius: 5px 5px; /* Rounds the corners */
     margin-left: 4px;
   }
 
-  #caption-square > ul > li.active {
-      background-color: #ffffff;
-      border-bottom: 1px solid lightgrey;
-  }
-
   #caption-square > ul > li.active {
     background-color: #ffffff;
     border-bottom: 1px solid white;
@@ -407,7 +401,6 @@ div.footnote:first-of-type {
   }
 
   /*Opinion Date File*/
-
  .case-date-new {
     border: 1px solid #B53C2C;
     padding: 0px 10px;
@@ -439,7 +432,6 @@ div.footnote:first-of-type {
 
   #opinion-caption {
     margin-top: 20px;
-    font-family: Merriweather, "Times New Roman", Times, serif;
     font-size: 15px;
     letter-spacing: 0.2px;
     line-height: 2.3em;
@@ -530,15 +522,13 @@ div.footnote:first-of-type {
   }
 
   div.subopinion-content > .harvard {
-    font-family: Merriweather, "Times New Roman", Times, serif;
     font-size: 15px;
     letter-spacing: 0.2px;
     line-height: 2.3em;
     text-align: justify;
   }
 
   #columbia-text {
-    font-family: Merriweather, "Times New Roman", Times, serif;
     font-size: 15px;
     letter-spacing: 0.2px;
     line-height: 2.3em;
@@ -684,14 +674,12 @@ div.footnote:first-of-type {
   }
 
   .case-details {
-    font-family: Merriweather, "Times New Roman", Times, serif;
     letter-spacing: 0.2px;
     line-height:2.3em;
   }
 
   .opinion-section-title {
     margin-top: 50px;
-    font-family: Merriweather, "Times New Roman", Times, serif;
   }
 
   /*Add style to align roman numerals */

diff --git a/cl/opinion_page/templates/opinions.html b/cl/opinion_page/templates/opinions.html
@@ -62,8 +62,8 @@ <h3><span>Admin</span></h3>
                     </p>
                 </div>
             {% endif %}
-
-       <div id="opinion-toc" class="sidebar-section">
+        {% if tab == "opinions" %}
+        <div id="opinion-toc" class="sidebar-section">
               <h3> <span>Jump To</span> </h3>
               <li class="jump-links active"><a id="nav_top" href="{% if tab != "opinions" %}{% url 'view_case' cluster.pk cluster.slug %}{% endif %}#"  class="active">Top</a></li>
               <li class="jump-links"><a id="nav_caption" href="{% if tab != "opinions" %}{% url 'view_case' cluster.pk cluster.slug %}{% endif %}#caption" >Caption</a></li>
@@ -115,6 +115,7 @@ <h3> <span>Jump To</span> </h3>
               </li>
               {% endfor %}
           </div>
+        {% endif %}
 
         {% if cluster.sub_opinions.all.first.extracted_by_ocr or "U" in cluster.source and tab == "opinions" %}
             <div class="col-sm-12 alert-warning alert v-offset-above-2">
@@ -160,6 +161,17 @@ <h3> <span>Jump To</span> </h3>
             </div>
             <div class="clearfix"></div>
         {% endif %}
+
+        {% if tab == "pdf" %}
+            <div class="col-sm-12 alert-warning alert v-offset-above-2">
+                <p class="bottom">
+                    Certain sections of this document, such as headnotes or
+                    other content, may be redacted to comply with copyright
+                    or privacy requirements.
+                </p>
+            </div>
+            <div class="clearfix"></div>
+        {% endif %}
         </div>
 
         <div class="bottom-section">