Преглед изворни кода

Improve view sticky page title

satof3 пре 2 година
родитељ
комит
ba2272216e
1 измењених фајлова са 3 додато и 1 уклоњено
  1. 3 1
      apps/app/src/components/Common/PagePathNav/PagePathNav.module.scss

+ 3 - 1
apps/app/src/components/Common/PagePathNav/PagePathNav.module.scss

@@ -14,6 +14,7 @@
     z-index: bs.$zindex-sticky;
     z-index: bs.$zindex-sticky;
   }
   }
 
 
+  // TODO:Responsive font size
   // set smaller font-size when sticky
   // set smaller font-size when sticky
   .sticky-inner-wrapper.active {
   .sticky-inner-wrapper.active {
     h1 {
     h1 {
@@ -22,7 +23,8 @@
   }
   }
   // avoid sticky-top nav to turnate page path
   // avoid sticky-top nav to turnate page path
   .is-collapse-with-top {
   .is-collapse-with-top {
-    @include bs.media-breakpoint-down(md) {
+    max-width: calc(100% - 100px);
+    @include bs.media-breakpoint-up(sm) {
       max-width: calc(100% - 350px);
       max-width: calc(100% - 350px);
     }
     }
     @include bs.media-breakpoint-up(md) {
     @include bs.media-breakpoint-up(md) {