WordPress.org

Make WordPress Core

Changeset 22158


Ignore:
Timestamp:
10/10/2012 09:40:22 AM (8 years ago)
Author:
koopersmith
Message:

Media JS: Improve markup and CSS of the modal view's title.

Also improves the accuracy of closing the modal when the backdrop is clicked (which became error-prone around the title bar in [22144]).

see #21390.

Location:
trunk/wp-includes
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/wp-includes/css/media-views.css

    r22145 r22158  
    44.media-modal {
    55    position: fixed;
    6     top: 40px;
     6    top: 80px;
    77    left: 60px;
    88    right: 60px;
     
    2222}
    2323
    24 .media-modal-header {
    25     position: absolute;
    26     top: 0;
    27     left: 0;
    28     right: 0;
    29     height: 28px;
    30 }
    31 
    32 .media-modal-header h3 {
    33     float: left;
    34     padding: 0;
    35     margin: 0;
    36     font-size: 1.4em;
    37 }
    38 
    39 .media-modal-header h3,
     24.media-modal-title,
    4025.media-modal-close {
     26    position: absolute;
     27    top: -40px;
     28    height: 40px;
     29
    4130    line-height: 40px;
    4231    color: #fff;
     
    4534}
    4635
     36.media-modal-title {
     37    left: 0;
     38    float: left;
     39    padding: 0;
     40    margin: 0;
     41    font-size: 1.4em;
     42}
     43
    4744.media-modal-close {
     45    right: 0;
    4846    float: right;
    4947    text-decoration: none;
     
    5957.media-modal-content {
    6058    position: absolute;
    61     top: 40px;
     59    top: 0;
    6260    left: 0;
    6361    right: 0;
  • trunk/wp-includes/media.php

    r22157 r22158  
    12971297    <script type="text/html" id="tmpl-media-modal">
    12981298        <div class="media-modal">
    1299             <div class="media-modal-header">
    1300                 <h3><%- title %></h3>
    1301                 <a class="media-modal-close" href="" title="<?php esc_attr_e('Close'); ?>">&times;</a>
    1302             </div>
     1299            <h3 class="media-modal-title"><%- title %></h3>
     1300            <a class="media-modal-close" href="" title="<?php esc_attr_e('Close'); ?>">&times;</a>
    13031301            <div class="media-modal-content"></div>
    13041302        </div>
Note: See TracChangeset for help on using the changeset viewer.