[wp-trac] [WordPress Trac] #31325: Customizer: Remove Header images button hidden by some images

[WordPress Trac]

#31325: Customizer: Remove Header images button hidden by some images
-------------------------------------------------+-------------------------
 Reporter:  jacklyn.jade                         |       Owner:
     Type:  enhancement                          |      Status:  new
 Priority:  normal                               |   Milestone:  4.3
Component:  Customize                            |     Version:  4.2
 Severity:  normal                               |  Resolution:
 Keywords:  ux-feedback has-patch 4.3-early ui-  |     Focuses:
  feedback                                       |
-------------------------------------------------+-------------------------

Comment (by melchoyce):

 The text shadow feels really jagged and inelegant to me. In [attachment:
 customizer-headerimg-x.png], I've explored adding a transparent black
 background to the X, and made the X itself white. It seems to work well on
 dark, light, and busy images.

 Here's the css I ended up using:


 {{{
 .customize-control-header .uploaded .header-view .close {
   font-size: 20px;
   color: #FFF;
   background: rgba(0, 0, 0, 0.5);
   position: absolute;
   visibility: hidden;
   top: 10px;
   right: 10px;
   z-index: 1;
   width: 20px;
   height: 20px;
   cursor: pointer;
   padding: 2px;
 }

 .customize-control-header .uploaded .header-view .close:hover {
   color: #FFF;
   text-shadow: none;
 }
 }}}

--
Ticket URL: <https://core.trac.wordpress.org/ticket/31325#comment:13>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform