mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor
synced 2024-11-16 19:09:29 +00:00
f6e5866deb
It's good practice to make transparent elements transparent for mouse clicks as well, i.e. make it possible to select text behind the fade effect. Bug: T283943 Bug: T286235 Change-Id: Ib5022a74c70e4b7cb5e2a0faad20bd9abcc0da36
30 lines
617 B
CSS
30 lines
617 B
CSS
.ve-ui-expandableContent-collapsible {
|
|
overflow: hidden;
|
|
position: relative;
|
|
margin: 0.4em 0 0.5em 0;
|
|
transition: height 200ms;
|
|
}
|
|
|
|
.ve-ui-expandableContent-container {
|
|
display: flex;
|
|
align-items: center;
|
|
position: absolute;
|
|
bottom: 0;
|
|
pointer-events: none; /* Allows clicking "through" the fade effect */
|
|
}
|
|
|
|
.ve-ui-expandableContent-toggle {
|
|
background-color: #fff;
|
|
pointer-events: auto;
|
|
}
|
|
|
|
.ve-ui-expandableContent-fade {
|
|
background: linear-gradient( 90deg, rgba( 255, 255, 255, 0 ) 0, #fff 90% );
|
|
width: 50px;
|
|
height: 100%;
|
|
}
|
|
|
|
.ve-ui-expandableContent-collapsible > :last-child {
|
|
margin-bottom: 0;
|
|
}
|