stashing

stirling-pdf/src/main/resources/static/css/home.css

@@ -26,10 +26,6 @@
   transform-origin: center center;
 }
 
-.filter-button:hover {
-  transform: scale(1.08);
-}
-
 .search-icon {
   position: absolute;
   margin: 0.75rem 1rem;
@@ -57,7 +53,7 @@
 }
 
 .favorite-icon:hover .material-symbols-rounded {
-  transform: scale(1.2);
+  transform: scale(1.1);
 }
 
 .favorite-icon .material-symbols-rounded.fill{
@@ -109,21 +105,3 @@
  .add-icon {
   color: var(--favourite-add) !important;
 }
-
-@media (max-width: 767.98px) {
-  #scale-wrap {
-    transform: scale(0.8) !important;
-  }
-
-  .lead {
-    display: none;
-
-  }
-  .filter-button {
-    transform-origin: center left;
-  }
-}
-
-.dropdown-contents {
-  min-width: none m !important;
-}

stirling-pdf/src/main/resources/static/css/navbar.css

@@ -439,7 +439,6 @@ span.icon-text::after {
 
 /* Dropdown min-width */
 .dropdown-mw-28 {
-  min-width: 280px;
   min-height: 50px;
 }
 
@@ -453,7 +452,6 @@ html[dir="ltr"] .dropdown-menu {
   top: auto;
   left: auto;
   right: 0;
-  transform: scale(1) !important;
 }
 
 html[dir="rtl"] .dropdown-menu {
@@ -461,7 +459,6 @@ html[dir="rtl"] .dropdown-menu {
   top: auto;
   left: 0;
   right: auto;
-  transform: scale(1) !important;
 }
 
 /* Bootstrap Popper positioning overrides removed - dropdowns now position naturally relative to their buttons */
@@ -486,37 +483,27 @@ html[dir="rtl"] .dropdown-menu {
   display: inline-flex;
 }
 
-@media (max-width:1199px) {
-  .icon-hide {
-    display: inline-flex;
-  }
-  .nav-link .chevron-icon {
-    display: inline-flex !important;
-    margin-left: auto;
-  }
-  .dropdown-mega .dropdown-menu.show {
-    position: fixed;
-    width: 100%;
-    left: 0;
-  }
-  .dropdown-mega .dropdown-menu.show .dropdown-menu-wrapper {
-    width: 100%;
-    height: 60vh;
-    overflow-y: auto;
-  }
-}
-
-@media (min-width:1200px) {
+@media (min-width:992px) {
   .dropdown:hover .dropdown-menu {
     display: block;
     margin-top: 0;
   }
+
+  /* .icon-hide {
+    display: none;
+  } */
+}
+
+@media (max-width:1199px) {
+  .icon-hide {
+    display: inline-flex;
+  }
+}
+
+@media (min-width:1200px) {
   .icon-hide {
     display: none;
   }
-  .nav-link .chevron-icon {
-    display: none !important;
-  }
 }
 
 .go-pro-link {
@@ -646,10 +633,19 @@ html[dir="rtl"] .dropdown-menu {
 }
 
 .update-notice {
-  font-size: 0.8em;
-  animation: Pulse 2s infinite;
+  animation: scale 1s infinite alternate;
+}
+
+@keyframes scale {
+  0% {
+    transform: scale(0.96);
+  }
+
+  100% {
+    transform: scale(1);
+  }
 }
 
 .hidden {
-  display: none !important;
+  visibility: hidden;
 }

stirling-pdf/src/main/resources/templates/fragments/navbar.html

@@ -120,7 +120,7 @@
               <span class="icon-text icon-hide" th:data-text="#{navbar.favorite}" th:text="#{navbar.favorite}"></span>
               <span class="material-symbols-rounded chevron-icon">expand_more</span>
             </a>
-            <div class="dropdown-menu dropdown-menu-tp dropdown-mw-28" aria-labelledby="navbarDropdown-5">
+            <div class="dropdown-menu dropdown-menu-tp dropdown-mw-28" role="menu" aria-labelledby="navbarDropdown-5">
               <div class="dropdown-menu-wrapper px-xl-2 px-2" id="favoritesDropdown">
                 <!-- Dropdown items will be added here by JavaScript -->
               </div>
@@ -176,7 +176,7 @@
 
           <li class="nav-item" th:if="${!@runningProOrHigher}">
             <a href="https://stirlingpdf.com/pricing" class="nav-link go-pro-link" target="_blank"
-              rel="noopener noreferrer">
+              rel="noopener noreferrer" aria-label="Upgrade to PRO" title="Upgrade to PRO">
               <span class="go-pro-badge" th:text="#{enterpriseEdition.button}"></span>
             </a>
           </li>