1 @import 'mediawiki.mixins';
3 .mw-widgets-stashedFileWidget {
5 vertical-align: middle;
14 &.oo-ui-iconElement .mw-widgets-stashedFileWidget-info .mw-widgets-stashedFileWidget-label {
18 &.oo-ui-indicatorElement .mw-widgets-stashedFileWidget-info .mw-widgets-stashedFileWidget-label {
23 .mw-widgets-stashedFileWidget-info {
25 background-color: #fff;
26 border: 1px solid #ccc;
30 vertical-align: middle;
33 .box-sizing( border-box );
35 > .mw-widgets-stashedFileWidget-label {
40 .box-sizing( border-box );
41 text-overflow: ellipsis;
48 > .mw-widgets-stashedFileWidget-fileName {
51 > .mw-widgets-stashedFileWidget-fileType {
57 > .oo-ui-indicatorElement-indicator,
58 > .oo-ui-iconElement-icon {
64 > .oo-ui-indicatorElement-indicator {
67 margin-right: 0.775em;
70 > .oo-ui-iconElement-icon {
75 &.oo-ui-widget-disabled {
76 .mw-widgets-stashedFileWidget-info {
78 text-shadow: 0 1px 1px #fff;
80 background-color: #f3f3f3;
82 > .oo-ui-iconElement-icon,
83 > .oo-ui-indicatorElement-indicator {
90 .mw-widgets-stashedFileWidget-thumbnail-container {
95 background-color: #fff;
96 border: 1px solid #ccc;
98 vertical-align: middle;
102 .mw-widgets-stashedFileWidget-thumbnail {
106 background-size: cover;
107 background-position: center center;
109 &.oo-ui-pendingElement-pending {
110 background-size: auto;
113 > .mw-widgets-stashedFileWidget-noThumbnail-icon {
115 background-color: #ccc;
121 .mw-widgets-stashedFileWidget-info {
129 > .mw-widgets-stashedFileWidget-label {
132 > .mw-widgets-stashedFileWidget-fileName,
133 > .mw-widgets-stashedFileWidget-fileType {
141 .mw-widgets-stashedFileWidget-empty {
142 .mw-widgets-stashedFileWidget-thumbnail-container {
145 .mw-widgets-stashedFileWidget-thumbnail,
146 .mw-widgets-stashedFileWidget-info {
152 .mw-widgets-stashedFileWidget-label {
157 &.oo-ui-indicatorElement {
158 .mw-widgets-stashedFileWidget-label {