retrospring/app/javascript/styles/overrides/_turbolinks.scss

.turbolinks-progress-bar {
  background: var(--turbolinks-progress-color);

  @include media-breakpoint-down('md') {
    top: unset !important;
    bottom: calc(45px + env(safe-area-inset-bottom)) !important;
    position: fixed;
    left: 0 !important;
  }
}
Apply theme colours to turbolinks progress bar 2021-04-04 16:23:11 +02:00			`.turbolinks-progress-bar {`
			`background: var(--turbolinks-progress-color);`
Move turbolinks progressbar to the bottom on tablet and lower 2022-01-01 20:06:36 +01:00
use `md` breakpoint instead of `sm` for the progress bar 2022-01-01 22:21:15 +01:00			`@include media-breakpoint-down('md') {`
Move turbolinks progressbar to the bottom on tablet and lower 2022-01-01 20:06:36 +01:00			`top: unset !important;`
Use `env(safe-area-inset-bottom)` to prevent issues on Apple devices 2022-01-01 22:42:37 +01:00			`bottom: calc(45px + env(safe-area-inset-bottom)) !important;`
Move turbolinks progressbar to the bottom on tablet and lower 2022-01-01 20:06:36 +01:00			`position: fixed;`
			`left: 0 !important;`
			`}`
Apply theme colours to turbolinks progress bar 2021-04-04 16:23:11 +02:00			`}`