diff options
Diffstat (limited to 'core')
| -rw-r--r-- | core/css/apps.scss | 4 | ||||
| -rw-r--r-- | core/css/functions.scss | 11 | ||||
| -rw-r--r-- | core/css/styles.scss | 3 |
3 files changed, 13 insertions, 5 deletions
diff --git a/core/css/apps.scss b/core/css/apps.scss index 1446187ad83..1120459230a 100644 --- a/core/css/apps.scss +++ b/core/css/apps.scss @@ -639,7 +639,7 @@ kbd { min-width: $sidebar-min-width; max-width: $sidebar-max-width; display: block; - position: sticky; + @include position('sticky'); top: $header-height; right:0; overflow-y: auto; @@ -1046,7 +1046,7 @@ $popovericon-size: 16px; /* CONTENT LIST ------------------------------------------------------------ */ .app-content-list { width: 300px; - position: sticky; + @include position('sticky'); top: $header-height; border-right: 1px solid var(--color-border); display: flex; diff --git a/core/css/functions.scss b/core/css/functions.scss index 30075df7f58..0815ba29ab6 100644 --- a/core/css/functions.scss +++ b/core/css/functions.scss @@ -59,4 +59,13 @@ .icon-#{$icon}.icon-white { @include icon-color($icon, $dir, $color-white, $version, $core); } -}
\ No newline at end of file +} + +@mixin position($value) { + @if $value == 'sticky' { + position: -webkit-sticky; // Safari support + position: sticky; + } @else { + position: $value; + } +} diff --git a/core/css/styles.scss b/core/css/styles.scss index 80534e22227..6a72df0e177 100644 --- a/core/css/styles.scss +++ b/core/css/styles.scss @@ -163,8 +163,7 @@ body { #controls { box-sizing: border-box; - position: -webkit-sticky; - position: sticky; + @include position('sticky'); height: 44px; padding: 0; margin: 0; |