From 37938117614ac2c8fb2119ea8a50d1330156f019 Mon Sep 17 00:00:00 2001 From: Helen Hou-Sandi Date: Fri, 2 Dec 2016 06:32:44 +0000 Subject: [PATCH] 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. git-svn-id: https://develop.svn.wordpress.org/branches/4.7@39422 602fd350-edb4-49c9-b593-d223f7449a82 --- .../themes/twentyseventeen/assets/css/colors-dark.css | 7 +++++-- src/wp-content/themes/twentyseventeen/style.css | 2 +- 2 files changed, 6 insertions(+), 3 deletions(-) diff --git a/src/wp-content/themes/twentyseventeen/assets/css/colors-dark.css b/src/wp-content/themes/twentyseventeen/assets/css/colors-dark.css index 7b747a821b..d6fda60c4e 100644 --- a/src/wp-content/themes/twentyseventeen/assets/css/colors-dark.css +++ b/src/wp-content/themes/twentyseventeen/assets/css/colors-dark.css @@ -474,8 +474,8 @@ body.colors-dark, } /* 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; } @@ -496,6 +496,9 @@ body.colors-dark, background-color: transparent; } +.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, .colors-dark .widget .tagcloud a:hover, diff --git a/src/wp-content/themes/twentyseventeen/style.css b/src/wp-content/themes/twentyseventeen/style.css index 2c323193f2..bea2875873 100644 --- a/src/wp-content/themes/twentyseventeen/style.css +++ b/src/wp-content/themes/twentyseventeen/style.css @@ -2952,7 +2952,7 @@ object { box-shadow: none; background: none; display: inline-block; - width: 100%; + max-width: 100%; } .gallery-item a img {