upstream/nextcloud
1
0
Fork 0
mirror of https://github.com/nextcloud/server.git synced 2026-04-15 22:11:17 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 27

Adds a vendor prefix for position sticky

Browse source 
Signed-off-by: Michael Weimann <mail@michael-weimann.eu>
This commit is contained in:
Michael Weimann 2018-08-19 11:54:37 +02:00
parent 4b71df7b15
commit 18b677ee02
No known key found for this signature in database
GPG key ID: 34F0524D4DA694A1
4 changed files with 15 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
core/css/apps.scss
View file

@ -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;

11
core/css/functions.scss
View file

@ -59,4 +59,13 @@
.icon-#{$icon}.icon-white {
@include icon-color($icon, $dir, $color-white, $version, $core);
}
}
}
@mixin position($value) {
@if $value == 'sticky' {
position: -webkit-sticky; // Safari support
position: sticky;
} @else {
position: $value;
}
}

3
core/css/styles.scss
View file

@ -163,8 +163,7 @@ body {
#controls {
box-sizing: border-box;
position: -webkit-sticky;
position: sticky;
@include position('sticky');
height: 44px;
padding: 0;
margin: 0;

4
settings/css/settings.scss
View file

@ -632,7 +632,7 @@ span.usersLastLoginTooltip {
thead tr {
z-index: 100;
background-color: var(--color-main-background);
position: sticky;
@include position('sticky');
// positional attribute is required for position to take affect.
top: 0;
}
@ -1439,7 +1439,7 @@ doesnotexist:-o-prefocus, .strengthify-wrapper {
/* various */
&#grid-header,
&#new-user {
position: sticky;
@include position('sticky');
align-self: normal;
background-color: var(--color-main-background);
z-index: 55; /* above multiselect */