wcfsetup/install/files/style/ui/uploadHandler.scss

   1 .formUploadHandlerContent {
   2         > .formUploadHandlerList {
   3                 display: flex;
   4                 flex-wrap: wrap;
   5                 margin-left: 0 !important;
   6
   7                 > li {
   8                         display: flex;
   9                         flex: 0 0 100%;
  10                         margin-bottom: 20px;
  11                 }
  12         }
  13
  14         @include screen-md-up {
  15                 > .formUploadHandlerList {
  16                         margin-right: -20px;
  17
  18                         > li {
  19                                 /* Safari sometimes trips over fractional values, causing two
  20                                    items to be exactly 1 pixel wider than the available space.
  21                                    Reserving 21px covers all sort of rounding errors, without
  22                                    being visually noticeable */
  23                                 /* The `flex` shorthand fails in IE11 if `calc()` is used. */
  24                                 flex-grow: 0;
  25                                 flex-shrink: 0;
  26                                 flex-basis: calc(50% - 21px);
  27                                 margin-right: 20px;
  28                         }
  29                 }
  30         }
  31 }
  32
  33 .selectedImagePreview {
  34         > img {
  35                 margin-bottom: 5px;
  36                 border: 1px solid #ccc;
  37                 background-color: #fff;
  38                 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEX////MzMw46qqDAAAAD0lEQVQI12P4z4Ad4ZAAAH6/D/Hgw85/AAAAAElFTkSuQmCC);
  39         }
  40 }
  41
  42 .uploadButtonDiv {
  43         .button {
  44                 overflow: hidden;
  45                 position: relative;
  46         }
  47
  48         .uploadButton {
  49                 > input {
  50                         bottom: 0;
  51                         left: 0;
  52                         opacity: 0;
  53                         position: absolute;
  54                         top: 0;
  55                 }
  56         }
  57 }