1/*! 2 * VisualEditor MediaWiki UserInterface MWMediaInfoFieldWidget styles. 3 * 4 * @copyright 2011-2020 VisualEditor Team and others; see AUTHORS.txt 5 * @license The MIT License (MIT); see LICENSE.txt 6 */ 7 8.ve-ui-mwMediaInfoFieldWidget { 9 position: relative; 10} 11 12.ve-ui-mwMediaInfoFieldWidget.oo-ui-iconElement .ve-ui-mwMediaInfoFieldWidget-icon { 13 margin: 0.05em; 14 position: absolute; 15 top: auto; 16 opacity: 0.5; 17} 18 19.ve-ui-mwMediaInfoFieldWidget-text { 20 word-break: break-word; 21 word-wrap: break-word; 22 overflow-wrap: break-word; 23 overflow: hidden; 24 -webkit-transition: max-height 0.5s ease-in; 25 -moz-transition: max-height 0.5s ease-in; 26 transition: max-height 0.5s ease-in; 27} 28 29.ve-ui-mwMediaInfoFieldWidget-readmore { 30 height: 2em; 31 width: 100%; 32 padding-top: 1em; 33 margin-top: -2em; 34 background: -webkit-linear-gradient( top, rgba( 255, 255, 255, 0 ) 0, #fff 50% ); 35 background: linear-gradient( to bottom, rgba( 255, 255, 255, 0 ) 0, #fff 50% ); 36} 37 38.ve-ui-mwMediaInfoFieldWidget.oo-ui-iconElement .oo-ui-labelElement-label { 39 display: block; 40 padding: 0.3em 0 0.1em 2.2em; 41 line-height: 1.25em; 42} 43 44.ve-ui-mwMediaInfoFieldWidget-description { 45 display: block; 46 line-height: 1.25em; 47 overflow-y: hidden; 48} 49