Add learn more link to Framework legend (#10389)

Author: Goodyear2017

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

@@ -1,6 +1,6 @@
 /*!
  * Bootstrap v3.4.1 (https://getbootstrap.com/)
- * Copyright 2011-2024 Twitter, Inc.
+ * Copyright 2011-2025 Twitter, Inc.
  * Licensed under the MIT license
  */
 

src/Bootstrap/dist/js/bootstrap.js

@@ -11,11 +11,6 @@
     margin: 0 !important;
   }
 
-  .frameworkfilters-info {
-    color: var(--neutralForeground1Rest);
-    text-decoration: none;
-  }
-
   @media (max-width: @screen-md) {
     .btn-filter {
       text-align: left;
@@ -56,22 +51,22 @@
   .framework-filter-info-icon {
     margin-bottom: -6px;
     overflow: hidden;
+    font-size: small;
   }
 
-  .frameworkGroup{
+  .frameworkGroup {
     display: flex;
     flex-direction: column;
     align-items: center;
   }
 
-  .frameworkGroupRow{
+  .frameworkGroupRow {
     display: flex;
     width: 100%;
   }
 
   .advanced-search-panel {
     border-radius: var(--X-Large, 8px);
-
     box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 4px 0px rgba(0, 0, 0, 0.14);
     background-color: var(--neutralBackground1Rest);
     margin-right: 0px;
@@ -93,6 +88,11 @@
       font-weight: 500;
       font-size: medium;
       white-space: nowrap;
+
+      .frameworkfilters-info {
+        font-weight: normal;
+        font-size: small;
+      }
     }
 
     .btn {
@@ -112,7 +112,7 @@
       margin-right: 10px;
     }
 
-    label{
+    label {
       margin: auto 0
     }
 
@@ -190,7 +190,7 @@
         width: 0px;
         margin: 0px;
       }
-      
+
       input:not(:checked):hover + label {
         border-color: var(--brandBackground1Hover);
       }
@@ -244,7 +244,7 @@
       }
     }
 
-    .prerel-option{
+    .prerel-option {
       display: flex;
     }
   }
@@ -280,13 +280,13 @@
     border: none;
     padding-left: 19px;
 
-    span{
+    span {
       margin: auto 0;
     }
   }
 
   @media (max-width: 992px) {
-    .toggle-advanced-search-panel{
+    .toggle-advanced-search-panel {
       display: flex;
       justify-content: space-between;
     }
@@ -296,4 +296,3 @@
     }
   }
 }
-

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

@@ -91,12 +91,8 @@
                         {
                             <div>
                                 <fieldset id="frameworkfilters">
-                                    <legend style="display: flex; gap: 6px;">
-                                        <a href="@(Model.FrameworksFilteringInformationLink)" class="frameworkfilters-info"
-                                           data-content="@NuGetGallery.Strings.FrameworkFilters_Tooltip"
-                                           aria-label="@NuGetGallery.Strings.FrameworkFilters_Tooltip">
-                                            Frameworks
-                                        </a>
+                                    <legend>
+                                        Frameworks
                                         <a class="tooltip-target" href="javascript:void(0)" role="button" aria-labelledby="frameworksfiltersid">
                                             <i class="framework-filter-info-icon ms-Icon ms-Icon--Info"></i>
                                             <span class="tooltip-block" role="tooltip" id="frameworksfiltersid">
@@ -108,6 +104,10 @@
                                                 </span>
                                             </span>
                                         </a>
+                                        <a href="@(Model.FrameworksFilteringInformationLink)" class="frameworkfilters-info"
+                                           aria-label="Learn more about advanced filtering and sorting">
+                                            Learn more
+                                        </a>
                                     </legend>
                                     @if (Model.IsAdvancedFrameworkFilteringEnabled)
                                     {