style: dropdown label

css/pico.classless.css

@@ -2048,16 +2048,16 @@ nav li a + ul li a:active,
 nav li a + ul li a:focus-visible {
   background-color: var(--pico-dropdown-hover-background-color);
 }
+details[role=list] summary + ul li label,
+nav li button + ul li label,
+nav li a + ul li label {
+  width: 100%;
+}
 details[role=list] summary + ul li:has(label):hover,
 nav li button + ul li:has(label):hover,
 nav li a + ul li:has(label):hover {
   background-color: var(--pico-dropdown-hover-background-color);
 }
-details[role=list] summary + ul li:has(label):hover label,
-nav li button + ul li:has(label):hover label,
-nav li a + ul li:has(label):hover label {
-  cursor: pointer;
-}
 
 nav li button + ul,
 nav li a + ul {
@@ -2336,6 +2336,8 @@ progress::-webkit-progress-bar {
 }
 progress[value]::-webkit-progress-value {
   background-color: var(--pico-progress-color);
+  -webkit-transition: inline-size var(--pico-transition);
+  transition: inline-size var(--pico-transition);
 }
 progress::-moz-progress-bar {
   background-color: var(--pico-progress-color);

css/pico.css

@@ -2157,16 +2157,16 @@ nav li a + ul li a:active,
 nav li a + ul li a:focus-visible {
   background-color: var(--pico-dropdown-hover-background-color);
 }
+details[role=list] summary + ul li label,
+nav li button + ul li label,
+nav li a + ul li label {
+  width: 100%;
+}
 details[role=list] summary + ul li:has(label):hover,
 nav li button + ul li:has(label):hover,
 nav li a + ul li:has(label):hover {
   background-color: var(--pico-dropdown-hover-background-color);
 }
-details[role=list] summary + ul li:has(label):hover label,
-nav li button + ul li:has(label):hover label,
-nav li a + ul li:has(label):hover label {
-  cursor: pointer;
-}
 
 nav li button + ul,
 nav li a + ul {
@@ -2506,6 +2506,8 @@ progress::-webkit-progress-bar {
 }
 progress[value]::-webkit-progress-value {
   background-color: var(--pico-progress-color);
+  -webkit-transition: inline-size var(--pico-transition);
+  transition: inline-size var(--pico-transition);
 }
 progress::-moz-progress-bar {
   background-color: var(--pico-progress-color);

css/pico.fluid.classless.css

@@ -2018,16 +2018,16 @@ nav li a + ul li a:active,
 nav li a + ul li a:focus-visible {
   background-color: var(--pico-dropdown-hover-background-color);
 }
+details[role=list] summary + ul li label,
+nav li button + ul li label,
+nav li a + ul li label {
+  width: 100%;
+}
 details[role=list] summary + ul li:has(label):hover,
 nav li button + ul li:has(label):hover,
 nav li a + ul li:has(label):hover {
   background-color: var(--pico-dropdown-hover-background-color);
 }
-details[role=list] summary + ul li:has(label):hover label,
-nav li button + ul li:has(label):hover label,
-nav li a + ul li:has(label):hover label {
-  cursor: pointer;
-}
 
 nav li button + ul,
 nav li a + ul {
@@ -2306,6 +2306,8 @@ progress::-webkit-progress-bar {
 }
 progress[value]::-webkit-progress-value {
   background-color: var(--pico-progress-color);
+  -webkit-transition: inline-size var(--pico-transition);
+  transition: inline-size var(--pico-transition);
 }
 progress::-moz-progress-bar {
   background-color: var(--pico-progress-color);

scss/components/_dropdown.scss

@@ -204,12 +204,12 @@
         }
       }
 
+      label {
+        width: 100%;
+      }
+
       &:has(label):hover {
         background-color: var(#{$✨}dropdown-hover-background-color);
-
-        label {
-          cursor: pointer;
-        }
       }
     }
   }