Fix layout bugs in footer navigation

asfadmin · Nov 1, 2023 · 8755498 · 8755498
1 parent f2160a2
commit 8755498
Showing 1 changed file with 61 additions and 0 deletions.
diff --git a/asf_theme/assets/stylesheets/asf.css b/asf_theme/assets/stylesheets/asf.css
@@ -8,6 +8,10 @@ body {
 
 .md-footer a {
   color: rgba(248, 248, 248, 100);
+
+  .md-ellipsis {
+    font-size: large;
+  }
 }
 .md-header, .md-footer {
   background: rgb(101, 102, 92);
@@ -41,6 +45,63 @@ body {
   border-top: 58px solid #ffcd00;
 }
 
+.md-footer-nav__inner:not([hidden]) {
+  display: flex;
+}
+
+.md-footer-nav__inner {
+  justify-content: space-between;
+  overflow: auto;
+  padding: 0.2rem;
+}
+
+.md-footer-nav__link {
+  display: inline-block;
+}
+
+.md-grid {
+  margin-left: auto;
+  margin-right: auto;
+  max-width: 61rem;
+}
+
+.md-footer-nav__title {
+    /*flex-grow: 1;*/
+    /*font-size: .9rem;*/
+    /*margin-bottom: 0.7rem;*/
+    /*max-width: calc(100% - 2.4rem);*/
+    /*padding: 0 1rem;*/
+    /*white-space: nowrap;*/
+}
+
+.md-footer-nav__direction {
+  font-size: .64rem;
+  opacity: .7;
+  display: block;
+}
+
+.md-footer-nav__button {
+    margin: 0.2rem;
+    padding: 0.4rem;
+}
+
+.md-footer-nav__link {
+  align-items: end;
+  display: flex;
+  flex-grow: 0.01;
+  margin-bottom: 0.4rem;
+  margin-top: 1rem;
+  max-width: 100%;
+  outline-color: var(--md-accent-fg-color);
+  overflow: hidden;
+  transition: opacity .25s;
+}
+
+.md-footer-nav__link--next {
+  margin-left: auto;
+  text-align: right;
+}
+
 .md-footer-container {
   display: flex;
   flex-direction: row;