Mercurial > hg > cmmr2012-drupal-site
comparison core/modules/media_library/css/media_library.module.css @ 5:12f9dff5fda9 tip
Update to Drupal core 8.7.1
author | Chris Cannam |
---|---|
date | Thu, 09 May 2019 15:34:47 +0100 |
parents | a9cd425dd02b |
children |
comparison
equal
deleted
inserted
replaced
4:a9cd425dd02b | 5:12f9dff5fda9 |
---|---|
1 /** | 1 /** |
2 * @file media_library.module.css | 2 * @file media_library.module.css |
3 */ | 3 */ |
4 | |
5 .media-library-wrapper { | |
6 display: flex; | |
7 } | |
8 | |
9 .media-library-menu { | |
10 margin: 0; | |
11 padding: 0; | |
12 } | |
13 | |
14 /* @todo Use a class instead of the li element. | |
15 https://www.drupal.org/project/drupal/issues/3029227 */ | |
16 .media-library-menu li { | |
17 padding: 0; | |
18 list-style: none; | |
19 } | |
4 | 20 |
5 .media-library-views-form > .form-actions { | 21 .media-library-views-form > .form-actions { |
6 flex-basis: 100%; | 22 flex-basis: 100%; |
7 } | 23 } |
8 | 24 |
9 .media-library-views-form, | 25 .media-library-views-form, |
10 .media-library-selection, | 26 .media-library-selection, |
27 .media-library-add-form__selected-media .details-wrapper, | |
11 .media-library-views-form__bulk_form, | 28 .media-library-views-form__bulk_form, |
12 .media-library-view .form--inline { | 29 .media-library-view .form--inline { |
13 display: flex; | 30 display: flex; |
14 flex-wrap: wrap; | 31 flex-wrap: wrap; |
15 } | 32 } |
31 align-self: flex-end; | 48 align-self: flex-end; |
32 } | 49 } |
33 | 50 |
34 .media-library-item .js-click-to-select-checkbox { | 51 .media-library-item .js-click-to-select-checkbox { |
35 position: absolute; | 52 position: absolute; |
36 display: block; | |
37 z-index: 1; | 53 z-index: 1; |
38 top: 5px; | 54 top: 5px; |
39 right: 0; | 55 right: 0; |
56 display: block; | |
40 } | 57 } |
41 | 58 |
42 .media-library-item__status { | 59 .media-library-item__status { |
43 position: absolute; | 60 position: absolute; |
44 top: 10px; | 61 top: 10px; |
49 .media-library-select-all { | 66 .media-library-select-all { |
50 flex-basis: 100%; | 67 flex-basis: 100%; |
51 width: 100%; | 68 width: 100%; |
52 } | 69 } |
53 | 70 |
54 .media-library-view.view-display-id-widget .media-library-select-all { | 71 .media-library-view--widget .media-library-select-all { |
55 display: none; | 72 display: none; |
56 } | 73 } |
57 | 74 |
58 .media-library-item--disabled { | 75 .media-library-item--disabled { |
59 pointer-events: none; | 76 pointer-events: none; |
63 cursor: move; | 80 cursor: move; |
64 } | 81 } |
65 | 82 |
66 /* @todo Remove or re-work in https://www.drupal.org/node/2985168 */ | 83 /* @todo Remove or re-work in https://www.drupal.org/node/2985168 */ |
67 .media-library-widget .media-library-item__name a, | 84 .media-library-widget .media-library-item__name a, |
68 .media-library-view.view-display-id-widget .media-library-item__name a { | 85 .media-library-view--widget .media-library-item__name a, |
86 .media-library-add-form__selected-media .media-library-item__name a { | |
69 pointer-events: none; | 87 pointer-events: none; |
88 } | |
89 | |
90 .media-library-widget-modal .ui-dialog-buttonpane { | |
91 display: flex; | |
92 align-items: center; | |
93 } | |
94 | |
95 .media-library-widget-modal .ui-dialog-buttonpane .form-actions { | |
96 flex: 1; | |
70 } | 97 } |
71 | 98 |
72 @media screen and (max-width: 600px) { | 99 @media screen and (max-width: 600px) { |
73 .media-library-view .form-actions { | 100 .media-library-view .form-actions { |
74 flex-basis: 100%; | 101 flex-basis: 100%; |