From 9fdcd95dc69fad7fe789845c5763a8a909b558e5 Mon Sep 17 00:00:00 2001
From: Drumming2008 <89492541+Drumming2008@users.noreply.github.com>
Date: Sun, 14 Apr 2024 21:23:27 -0700
Subject: [PATCH] Update ui_listview.scss

---
 app/stylesheets/bundles/ui_listview.scss | 21 +++++++++------------
 1 file changed, 9 insertions(+), 12 deletions(-)

diff --git a/app/stylesheets/bundles/ui_listview.scss b/app/stylesheets/bundles/ui_listview.scss
index e800230b50922..b46d33478187b 100644
--- a/app/stylesheets/bundles/ui_listview.scss
+++ b/app/stylesheets/bundles/ui_listview.scss
@@ -18,10 +18,11 @@
  @import "base/environment";
 
 .ui-listview {
-  box-shadow: 0px 1px 4px rgba(0,0,0,.3);
+  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
   padding: 0;
   list-style: none;
   min-width: 300px;
+  overflow: hidden; // crop the iframe outside the border-radius
 
   border-radius: 0.6em;
   li:first-child {
@@ -33,13 +34,6 @@
     border-bottom-#{direction(left)}-radius: 0.6em;
   }
 
-  &.ui-listview-no-rounded-bottom {
-    &, li:last-child {
-      border-bottom-#{direction(right)}-radius: 0;
-      border-bottom-#{direction(left)}-radius: 0;
-    }
-  }
-
 /*  &, li:first-child, li:last-child {
     @include background-clip(padding-box);
   }*/
@@ -61,6 +55,11 @@
       font-size: 1em; /*this is to override the .file, .pdf, .doc etc 10px size*/
       background-position: 15px center; /*overrides background-position left of attachment_links*/
     }
+    .ui-listview-text > iframe {
+      border: none; // remove big iframe border
+      border-radius: 0 0 .6em .6em;
+      border-bottom: 1px solid #ccc;
+    }
     &:hover {
       border-color: #bbb;
       background:       #dadada;
@@ -71,13 +70,11 @@
       a{ text-decoration: none;}
     }
     &:active, &.active {
-      border-color: #999;
-      background:       #999;
       font-weight: bold;
-      color:          #fff;
+      color: #fff;
       cursor: pointer;
       text-decoration: none;
-      @include vertical-gradient(#ccc, #aaa);
+      background: #f9fbfd; // make background white instead of an ugly gradient
       outline: none;
       a {
         color: #444;