Ticket #40184: 40184.1.diff

src/wp-content/themes/twentyseventeen/functions.php

@@ -542 +542 @@
 add_filter( 'frontpage_template',  'twentyseventeen_front_page_template' );
 
 /**
+ * Modifies tag cloud widget arguments to have all tags in the widget same font size and use list format for better accessibility.
+ *
+ * @since Twenty Seventeen 1.3
+ *
+ * @param array $args Arguments for tag cloud widget.
+ * @return array A new modified arguments.
+ */
+function twentyseventeen_widget_tag_cloud_args( $args ) {
+        $args['largest']  = 1;
+        $args['smallest'] = 1;
+        $args['unit']     = 'em';
+        $args['format']   = 'list';
+        return $args;
+}
+add_filter( 'widget_tag_cloud_args', 'twentyseventeen_widget_tag_cloud_args' );
+
+/**
  * Implement the Custom Header feature.
  */
 require get_parent_theme_file_path( '/inc/custom-header.php' );

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

@@ -2539 +2539 @@
         padding: 0.5em 0;
 }
 
-.widget ul li + li {
+.widget:not(.widget_tag_cloud) ul li + li {
         margin-top: -1px;
 }
 
@@ -2696 +2696 @@
 
 /* Tag cloud widget */
 
+.tagcloud ul li {
+        float: left;
+        border-top: 0;
+        border-bottom: 0;
+        padding: 0;
+        margin: 4px 4px 0 0;
+}
+
 .tagcloud,
 .widget_tag_cloud,
 .wp_widget_tag_cloud {
@@ -2708 +2716 @@
         border: 1px solid #ddd;
         -webkit-box-shadow: none;
         box-shadow: none;
-        display: inline-block;
-        float: left;
-        font-size: 14px !important; /* !important to overwrite inline styles */
-        font-size: 0.875rem !important;
-        margin: 4px 4px 0 0 !important;
-        padding: 4px 10px 5px !important;
+        display: block;
+        padding: 4px 10px 5px;
         position: relative;
         -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
         transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;