Changeset 29452
- Timestamp:
- 08/09/2014 05:08:16 AM (11 years ago)
- Location:
- trunk/src/wp-includes
- Files:
-
- 2 edited
Legend:
- Unmodified
- Added
- Removed
-
trunk/src/wp-includes/css/media-views.css
r29447 r29452 2152 2152 2153 2153 .media-menu { 2154 width: auto; 2155 max-width: 80%; 2156 overflow: auto; 2157 z-index: 2000; 2158 top: 50px; 2159 left: -300px; 2160 right: auto; 2161 bottom: auto; 2162 padding: 5px 0; 2163 border: 1px solid #ccc; 2164 } 2165 2166 .media-menu.visible { 2167 left: 0; 2168 } 2169 2170 .media-menu > a { 2171 padding: 12px 16px; 2172 font-size: 16px; 2173 } 2174 2175 .media-menu > a.active { 2154 2176 display: none; 2155 2177 } 2156 2178 2157 .media-menu.visible { 2158 z-index: 2000; 2159 display: block; 2160 position: fixed; 2161 top: 30px; 2162 left: 30px; 2163 right: 30px; 2164 bottom: 30px; 2165 width: 250px; 2166 max-width: 100%; 2167 overflow: auto; 2168 } 2169 2170 .media-menu > a { 2171 padding: 10px 20px; 2172 font-size: 16px; 2179 .media-menu .separator { 2180 margin: 5px 10px; 2173 2181 } 2174 2182 … … 2297 2305 } 2298 2306 2299 .media-menu .separator {2300 margin: 12px 10px;2301 }2302 2303 2307 .media-modal .attachments-browser .media-toolbar-primary, 2304 2308 .media-modal .attachments-browser .media-toolbar-secondary { … … 2340 2344 /* Full-bleed modal */ 2341 2345 .media-modal, 2342 .image-details .media-modal, 2343 .media-menu.visible { 2346 .image-details .media-modal { 2344 2347 position: fixed; 2345 2348 top: 0; … … 2354 2357 2355 2358 .media-sidebar { 2356 display: none; 2359 z-index: 1900; 2360 max-width: 70%; 2361 bottom: 120%; 2362 box-sizing: border-box; 2363 padding-bottom: 0; 2364 } 2365 2366 .media-sidebar.visible { 2367 bottom: 0; 2357 2368 } 2358 2369 … … 2362 2373 right: 0; 2363 2374 } 2364 2365 2366 2375 2367 2376 .image-details .media-frame-title { -
trunk/src/wp-includes/js/media-views.js
r29446 r29452 4649 4649 className: 'attachment', 4650 4650 template: media.template('attachment'), 4651 _isTouch: false,4652 4651 4653 4652 attributes: { … … 4658 4657 events: { 4659 4658 'click .js--select-attachment': 'toggleSelectionHandler', 4660 'touchend .attachment-preview': 'setTouch',4661 4659 'change [data-setting]': 'updateSetting', 4662 4660 'change [data-setting] input': 'updateSetting', … … 4784 4782 }, 4785 4783 4786 setTouch: function() {4787 this._isTouch = true;4788 },4789 4790 4784 /** 4791 4785 * @param {Object} event … … 4824 4818 } else if ( event.ctrlKey || event.metaKey ) { 4825 4819 method = 'toggle'; 4826 }4827 4828 if ( this._isTouch ) {4829 this._isTouch = false;4830 method = 'add';4831 4820 } 4832 4821 … … 4949 4938 4950 4939 // Fixes bug that loses focus when selecting a featured image 4951 if ( ! method ) {4940 if ( ! method ) { 4952 4941 method = 'add'; 4953 4942 } 4943 4954 4944 if ( method !== 'add' ) { 4955 4945 method = 'reset'; … … 5981 5971 }) ); 5982 5972 } 5973 5974 // Show the sidebar on mobile 5975 if ( this.model.id === 'insert' ) { 5976 sidebar.$el.addClass( 'visible' ); 5977 } 5983 5978 }, 5984 5979 … … 5988 5983 sidebar.unset('compat'); 5989 5984 sidebar.unset('display'); 5985 // Hide the sidebar on mobile 5986 sidebar.$el.removeClass( 'visible' ); 5990 5987 } 5991 5988 }); … … 6915 6912 this.model.set( 'customWidth', value, { silent: true } ); 6916 6913 this.$( '[data-setting="customWidth"]' ).val( value ); 6917 6918 6914 } 6919 6915 },
Note: See TracChangeset
for help on using the changeset viewer.