mediawiki-extensions-Visual.../modules/ve-mw/ui/styles/elements/ve.ui.MWExpandableContentElement.css
Adam Wight 2f4ce7df69 Rewrite style so it can be flipped by cssjanus
"to right" is the same as "90deg", but can be matched and flipped in
rtl interfaces.

Bug: T292690
Change-Id: I985d4b0206112e07c2f5a481145b8abc88cb50ea
2021-10-07 10:11:44 +02:00

30 lines
620 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( to right, rgba( 255, 255, 255, 0 ) 0, #fff 90% );
width: 50px;
height: 100%;
}
.ve-ui-expandableContent-collapsible > :last-child {
margin-bottom: 0;
}