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%;