Merge pull request #9941 from NuGet/dev

[ReleasePrep][2024.05.08]RI of dev into main

Author: erdembayar

src/AccountDeleter/EmptyFeatureFlagService.cs

@@ -75,7 +75,10 @@ public bool IsDisplayNuGetPackageExplorerLinkEnabled()
         {
             throw new NotImplementedException();
         }
-
+        public bool IsDisplayNuGetTrendsLinksEnabled()
+        {
+            throw new NotImplementedException();
+        }
         public bool IsDisplayTargetFrameworkEnabled(User user)
         {
             throw new NotImplementedException();

src/Bootstrap/dist/css/bootstrap-theme.css

@@ -11,6 +11,11 @@
     margin: 0 !important;
   }
 
+  .frameworkfilters-info {
+    color: #333;
+    text-decoration: none;
+  }
+
   @media (max-width: @screen-md) {
     .btn-filter {
       text-align: left;
@@ -219,16 +224,16 @@
   }
 
   @media (min-width: 992px) {
-    .advanced-search-panel{
+    .advanced-search-panel {
       position: relative;
       top: 0;
       margin-top: 30px;
       display: block;
     }
   }
 
-  @media (max-width: 992px){
-    .advanced-search-panel{
+  @media (max-width: 992px) {
+    .advanced-search-panel {
       margin-top: 0px;
     }
   }
@@ -263,12 +268,40 @@
   }
 
   @media (max-width: 992px) {
-    .toggle-advanced-search-panel{
+    .toggle-advanced-search-panel {
       display: block;
     }
-    .advanced-search-panel{
+
+    .advanced-search-panel {
       display: none;
     }
   }
-  
+}
+/* For tooltip */
+.tooltip-target {
+  position: relative;
+  text-decoration: none;
+}
+
+.tooltip-wrapper.popover {
+  min-width: 276px;
+  left: -6px;
+  position: absolute;
+  transform: translateY(-50%);
+  top: calc(50% - 6px);
+}
+
+.tooltip-wrapper.popover.tooltip-with-icon {
+  left: -7px;
+  top: calc(50% - 6px);
+}
+
+.tooltip-block {
+  position: relative;
+  display: inline-block;
+  color: #333;
+
+  .popover-content {
+    display: block;
+  }
 }

src/Bootstrap/less/theme/page-list-packages.less

@@ -1,60 +1,105 @@
 .page-statistics-most-downloaded {
-    .show-all-packages-toggle {
+  .show-all-packages-toggle {
+    font-weight: bold;
+  }
+
+  .table {
+    margin-top: 40px;
+    table-layout: auto;
+    min-width: 100%;
+    max-width: fit-content;
+    width:fit-content;
+
+    thead {
+      padding-bottom: 4px;
+      margin-bottom: 10px;
+
+      th {
         font-weight: bold;
+      }
+
+      .packages {
+        th:nth-child(1) {
+          width: 10%;
+        }
+
+        th:nth-child(2) {
+          width: 70%;
+        }
+
+        th:nth-child(3) {
+          width: 20%;
+        }
+      }
+
+      .package-versions {
+        th:nth-child(1) {
+          width: 10%;
+        }
+
+        th:nth-child(2) {
+          width: 50%;
+        }
+
+        th:nth-child(3) {
+          width: 20%;
+        }
+
+        th:nth-child(4) {
+          width: 20%;
+        }
+      }
     }
 
+    tbody {
+      margin-bottom: 20px;
+
+      td {
+        overflow: visible;
+        text-overflow: initial;
+      }
+    }
+  }
+
+  @media (max-width: 1300px) {
     .table {
-        margin-top: 40px;
-        table-layout: fixed;
-        
-        thead {
-            padding-bottom: 4px;
-            margin-bottom: 10px;
-            
-            th {
-                font-weight: bold;
-            }
-    
-            .packages {
-                th:nth-child(1) {
-                    width: 10%;
-                }
-                
-                th:nth-child(2) {
-                    width: 70%;
-                }
-                
-                th:nth-child(3) {
-                    width: 20%;
-                }
-            }
-    
-            .package-versions {
-                th:nth-child(1) {
-                    width: 10%;
-                }
-                
-                th:nth-child(2) {
-                    width: 50%;
-                }
-                
-                th:nth-child(3) {
-                    width: 20%;
-                }
-                
-                th:nth-child(4) {
-                    width: 20%;
-                }
-            }
-        }
-        
-        tbody {
-            margin-bottom: 20px;
-            
-            td {
-                overflow: hidden;
-                text-overflow: ellipsis;
-            }
+
+      thead {
+        .packages {
+          th:nth-child(1) {
+            width: auto;
+          }
+
+          th:nth-child(2) {
+            width: auto;
+          }
+
+          th:nth-child(3) {
+            width: auto;
+          }
+        }
+
+        .package-versions {
+          th:nth-child(1) {
+            width: auto;
+          }
+
+          th:nth-child(2) {
+            width: auto;
+          }
+
+          th:nth-child(3) {
+            width: auto;
+          }
+
+          th:nth-child(4) {
+            width: auto;
+          }
         }
+      }
     }
-}
+  }
+  .table-wrapper{
+      overflow:auto;
+  }
+}