[wp-meta] [Making WordPress.org] #7706: Tours link lacks padding on smaller screens (was: No margin on left side in title)

[Making WordPress.org]

#7706: Tours link lacks padding on smaller screens
--------------------------------------+---------------------
 Reporter:  pkbhatt                   |       Owner:  (none)
     Type:  defect (bug)              |      Status:  new
 Priority:  normal                    |   Milestone:
Component:  Make (Get Involved) / P2  |  Resolution:
 Keywords:                            |
--------------------------------------+---------------------
Changes (by sabernhardt):

 * component:  General => Make (Get Involved) / P2
 * milestone:  Q1 =>


Comment:

 Admin bar styles remove padding from links, including the Tours link, at
 smaller screen sizes.
 {{{
 @media screen and (max-width: 782px) {
   #wpadminbar .quicklinks .ab-empty-item, #wpadminbar .quicklinks > ul >
 li > a {
     padding: 0;
   }
 }
 }}}

 The Login and Register links have special overrides on Make - Meta pages.
 {{{
 /* printed inline */
 @media screen and (max-width: 782px) {
   #wpadminbar li#wp-admin-bar-log-in a, #wpadminbar li#wp-admin-bar-
 register a {
     padding: 0 8px;
   }
 }
 /* from https://make.wordpress.org/meta/wp-content/mu-plugins/pub-
 sync/blocks/global-header-footer/build/style.css?ver=1725916313 */
 @media screen and (max-width: 782px) {
   #wpadminbar li#wp-admin-bar-log-in a, #wpadminbar li#wp-admin-bar-
 register a {
     padding-left: .5em;
     padding-right: .5em;
   }
 }
 }}}

 The simplest fix might be adding to the
 [https://github.com/WordPress/wordpress.org/blob/trunk/wordpress.org/public_html
 /wp-content/plugins/tour/assets/css/style.css Tour plugin styles] (note
 the child combinator `>`).
 {{{
 @media screen and (max-width: 782px) {
   #wpadminbar li#wp-admin-bar-tour-list > a {
     padding: 0 8px;
   }
 }
 }}}

-- 
Ticket URL: <https://meta.trac.wordpress.org/ticket/7706#comment:1>
Making WordPress.org <https://meta.trac.wordpress.org/>
Making WordPress.org