Changeset 39422

Timestamp:

12/02/2016 06:32:44 AM (8 years ago)

Author:

helen

Message:

Twenty Seventeen: Fix style issues with gallery image links

• Ensures dark color scheme has proper box shadow and hover/focus styles.
• Make sure links are correct width.

Props afercia, laurelfulford.

Fixes #38969 for the 4.7 branch.

Location:

branches/4.7

Files:

• . (modified) (1 prop)
• src/wp-content/themes/twentyseventeen/assets/css/colors-dark.css (modified) (2 diffs)
• src/wp-content/themes/twentyseventeen/style.css (modified) (1 diff)

branches/4.7/src/wp-content/themes/twentyseventeen/assets/css/colors-dark.css

@@ -475 +475 @@
 
 /* Fixes linked images */
-.entry-content a img,
-.widget a img {
+.colors-dark .entry-content a img,
+.colors-dark .widget a img {
     -webkit-box-shadow: 0 0 0 8px #222;
     box-shadow: 0 0 0 8px #222;
@@ -497 +497 @@
 }
 
+.colors-dark .gallery-item a,
+.colors-dark .gallery-item a:hover,
+.colors-dark .gallery-item a:focus,
 .colors-dark .widget .tagcloud a,
 .colors-dark .widget .tagcloud a:focus,

branches/4.7/src/wp-content/themes/twentyseventeen/style.css

@@ -2953 +2953 @@
     background: none;
     display: inline-block;
-    width: 100%;
+    max-width: 100%;
 }