OpenCloud
/
riot-web
mirror of https://github.com/vector-im/riot-web
1
0
Fork 0
Code Issues Releases Wiki Activity

make overflow gradients much smaller and turn bottom into drop shadow

pull/21833/head
Matthew Hodgson 2019-01-31 13:31:55 +01:00
parent 47f775f579
commit 1ee0dc4b66
1 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
res/css/structures/_RoomSubList.scss
View File

@ -134,7 +134,7 @@ limitations under the License.
position: sticky; position: sticky;
left: 0; left: 0;
right: 0; right: 0;
height: 35px; height: 8px;
content: ""; content: "";
display: block; display: block;
z-index: 100; z-index: 100;
@ -142,20 +142,23 @@ limitations under the License.
} }
&.mx_IndicatorScrollbar_topOverflow > .mx_AutoHideScrollbar_offset { &.mx_IndicatorScrollbar_topOverflow > .mx_AutoHideScrollbar_offset {
margin-top: -35px; margin-top: -8px;
} }
&.mx_IndicatorScrollbar_bottomOverflow > .mx_AutoHideScrollbar_offset { &.mx_IndicatorScrollbar_bottomOverflow > .mx_AutoHideScrollbar_offset {
margin-bottom: -35px; margin-bottom: -8px;
} }
&.mx_IndicatorScrollbar_topOverflow::before { &.mx_IndicatorScrollbar_topOverflow::before {
top: 0; top: 0;
transition: background-image 0.1s ease-in;
background: linear-gradient(to top, rgba(242,245,248,0), rgba(242,245,248,1)); background: linear-gradient(to top, rgba(242,245,248,0), rgba(242,245,248,1));
} }
&.mx_IndicatorScrollbar_bottomOverflow::after { &.mx_IndicatorScrollbar_bottomOverflow::after {
bottom: 0; bottom: 0;
background: linear-gradient(to bottom, rgba(242,245,248,0), rgba(242,245,248,1)); transition: background-image 0.1s ease-in;
margin: 0px -8px;
background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.1));
} }
} }