@appartmint/mint 2.6.0 → 2.6.1

package/dist/css/mint.css

@@ -168,7 +168,7 @@
   width: 100%;
   color: var(--mint-header-fore);
   background-color: var(--mint-header-back);
-  z-index: 10000;
+  z-index: 1000;
   height: var(--mint-header-height);
 }
 @media (min-width: 768px) {
@@ -278,22 +278,22 @@
 #mint-header.mint-spread:not(.mint-expand) #mint-wrapper [aria-controls] + ul > li:first-child {
   font-size: 1.5em;
 }
-#mint-header.mint-tray #mint-wrapper a, #mint-header.mint-tray #mint-wrapper button {
+#mint-header .mint-tray #mint-wrapper a, #mint-header .mint-tray #mint-wrapper button {
   padding: 0.75rem;
   margin: 0.25rem 0;
   line-height: 1;
-  font-size: 4em;
+  font-size: 2em;
   width: 100%;
 }
-#mint-header.mint-tray #mint-wrapper button {
-  font-size: 6em;
+#mint-header .mint-tray #mint-wrapper button {
+  font-size: 3em;
 }
-#mint-header.mint-tray #mint-wrapper nav > ul {
+#mint-header .mint-tray #mint-wrapper nav > ul {
   flex-direction: column;
   flex-wrap: nowrap;
   justify-content: flex-start;
 }
-#mint-header.mint-tray #mint-wrapper nav li {
+#mint-header .mint-tray #mint-wrapper nav li {
   width: 100%;
 }
 #mint-header:not(.mint-border)::before {
@@ -308,33 +308,10 @@
   height: var(--mint-header-height);
   z-index: -1;
 }
-#mint-header nav > ul {
-  display: flex;
-  flex-direction: column;
-}
-#mint-header ul {
-  list-style: none;
-  margin-top: 0;
-  margin-bottom: 1rem;
-  padding-left: 0;
-}
-#mint-header a,
-#mint-header button {
-  margin: 0;
-  border: 0;
-  color: var(--mint-fore);
-  background: var(--mint-trans);
-  transition-property: color, background;
-  transition-duration: var(--mint-delay-default);
-}
-#mint-header a:hover,
-#mint-header button:hover {
-  color: var(--mint-back);
-}
 #mint-header #mint-navbar {
   display: flex;
   align-items: center;
-  justify-content: space-between;
+  justify-content: flex-end;
   height: 100%;
 }
 #mint-header .mint-logo {
@@ -422,6 +399,8 @@
   margin-bottom: 0;
 }
 #mint-header #mint-wrapper nav > ul {
+  display: flex;
+  flex-direction: column;
   height: 100%;
   overflow: visible;
 }
@@ -448,6 +427,10 @@
   margin: 0.5rem 0;
   text-align: center;
   border-radius: 1rem;
+  color: var(--mint-fore);
+  background: var(--mint-trans);
+  transition-property: color, background;
+  transition-duration: var(--mint-delay-default);
 }
 @media (min-width: 480px) {
   #mint-header #mint-wrapper a,
@@ -473,6 +456,12 @@
 #mint-header #mint-wrapper button.mint-active {
   text-decoration: underline;
 }
+#mint-header #mint-wrapper ul {
+  list-style: none;
+  margin-top: 0;
+  margin-bottom: 1rem;
+  padding-left: 0;
+}
 #mint-header #mint-wrapper ul li:last-child {
   margin-bottom: 0;
 }
@@ -485,12 +474,6 @@
   justify-content: flex-end;
   margin-left: auto;
 }
-#mint-header .mint-buttons a:not([aria-controls=mint-wrapper]),
-#mint-header .mint-buttons button:not([aria-controls=mint-wrapper]) {
-  display: flex;
-  width: auto;
-  padding: 0.5rem;
-}
 #mint-header .mint-dropdown {
   background: var(--mint-header-back);
 }
@@ -1401,7 +1384,6 @@ p .mint-pill, p .mint-btn, :root:root p [amplify-button], p .mint-select {
 }
 .mint-panel.mint-tray .mint-panel-wrapper {
   gap: 1.5rem;
-  font-size: 0.5em;
 }
 @media (min-width: 768px) {
   .mint-panel.mint-tray .mint-panel-wrapper {
@@ -1442,6 +1424,11 @@ p .mint-pill, p .mint-btn, :root:root p [amplify-button], p .mint-select {
 .mint-panel .mint-panel-wrapper nav > :last-child {
   margin-bottom: 0;
 }
+.mint-panel .mint-title {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+}
 
 .mint-table-wrap {
   max-height: 50vh;
@@ -1683,7 +1670,7 @@ main {
   width: 100%;
   min-height: calc(100vh - var(--mint-header-height));
   overflow: hidden;
-  z-index: 1000;
+  z-index: 999;
 }
 main > router-outlet {
   flex-grow: 0;