aleph1.co.uk Git - yaffs-website/blob - web/core/modules/media_library/css/media_library.module.css

   1 /**
   2 * @file media_library.module.css
   3 */
   4
   5 .media-library-views-form > .form-actions {
   6   flex-basis: 100%;
   7 }
   8
   9 .media-library-views-form,
  10 .media-library-selection,
  11 .media-library-views-form__bulk_form,
  12 .media-library-view .form--inline {
  13   display: flex;
  14   flex-wrap: wrap;
  15 }
  16
  17 .media-library-views-form__header {
  18   flex-basis: 100%;
  19 }
  20
  21 .media-library-item {
  22   position: relative;
  23 }
  24
  25 .media-library-item .js-click-to-select-trigger {
  26   overflow: hidden;
  27   cursor: pointer;
  28 }
  29
  30 .media-library-view .form-actions {
  31   align-self: flex-end;
  32 }
  33
  34 .media-library-item .js-click-to-select-checkbox {
  35   position: absolute;
  36   display: block;
  37   z-index: 1;
  38   top: 5px;
  39   right: 0;
  40 }
  41
  42 .media-library-item__status {
  43   position: absolute;
  44   top: 10px;
  45   left: 2px;
  46   pointer-events: none;
  47 }
  48
  49 .media-library-select-all {
  50   flex-basis: 100%;
  51   width: 100%;
  52 }
  53
  54 .media-library-view.view-display-id-widget .media-library-select-all {
  55   display: none;
  56 }
  57
  58 .media-library-item--disabled {
  59   pointer-events: none;
  60 }
  61
  62 .media-library-selection .media-library-item__preview {
  63   cursor: move;
  64 }
  65
  66 /* @todo Remove or re-work in https://www.drupal.org/node/2985168 */
  67 .media-library-widget .media-library-item__name a,
  68 .media-library-view.view-display-id-widget .media-library-item__name a {
  69   pointer-events: none;
  70 }
  71
  72 @media screen and (max-width: 600px) {
  73   .media-library-view .form-actions {
  74     flex-basis: 100%;
  75   }
  76 }