[wp-trac] [WordPress Trac] #41888: Code Editor: Warning messages

[WordPress Trac]

#41888: Code Editor: Warning messages
-----------------------------------------+------------------
 Reporter:  paaljoachim                  |       Owner:
     Type:  defect (bug)                 |      Status:  new
 Priority:  normal                       |   Milestone:  4.9
Component:  General                      |     Version:
 Severity:  normal                       |  Resolution:
 Keywords:  has-patch reporter-feedback  |     Focuses:  ui
-----------------------------------------+------------------

Comment (by paaljoachim):

 Hey Weston

 Regarding display: box;
 Warning message begins with: Expected (inline I block I list-item...and
 many other options and ends with I webkit-inline-flex) but found 'box'.

 [[Image(https://photos-4.dropbox.com/t/2/AACT1DZj629ZIuvxHICPFegf2kH5NvRJpwYM7cSucnVQNA/12/44173049/jpeg/32x32/1/_/1/2
 /Code-editor-
 warnings2.jpg/EPrC5iEYuNgIIAIoAg/gVPFKEsCeGZtRJcJb0jrpp4E92HyPq9PvE9eFkV3jkk?size=1600x1200&size_mode=3)]]

 Regarding outline: none
 The CSS in use:

 {{{
 ! .genesis-nav-menu .sub-menu a {
         background-color: #111;
         outline: none;
 !       padding: 20px;
         position: relative;
         width: 200px;
 }
 }}}

 The yellow circle with the ! in it is next to the class name.  The warning
 message says Outlines should only be modified using: focus. There is also
 a ! next to padding and the warning message there which says "Using width
 with padding can sometimes make elements larger then you expect."

 [[Image(https://photos-5.dropbox.com/t/2/AADv37tpH_fvGpN5rdQIoF2tk8I8rqa1Q5DdZJkKV0YROA/12/44173049/png/32x32/1/_/1/2
 /Outline-none-CSS-Better-code-
 editing.png/EPrC5iEYttgIIAIoAg/cO_mXmEfVzQUoQ00j0Ok4KJETU3hak3c7bUIKK38sfU?size=1600x1200&size_mode=3)]]

 There is also an ! next to a filter.
 CSS:

 {{{
 .with-background-image:after {
         -ms-filter: "alpha(Opacity=30)";
 !       filter: alpha(opacity=30);
         opacity: 0.30;
 }
 }}}

 Expected (<filter-function-list> I none) but found 'alpha(opacity=30)'.

 Which to me gives no meaning. If it instead could suggest a better way to
 code the filter then that would be helpful.

 Btw
 Regarding the "fatal" error.

 {{{
 .page-header .entry-meta {
                 font-size: 1.6ren;
         }
 }}}

 The X is listed beside the ren. As I changed it to rem a dropdown with a
 very long list of options showed up.

 [[Image(https://photos-3.dropbox.com/t/2/AABXULyYRaj1EwGu0SrkITWCztsMB3OngWzhbjK3aOJkCg/12/44173049/png/32x32/1/_/1/2
 /Code-editor-warnings.png/EPrC5iEYttgIIAIoAg
 /SrVrudilTa8H45OP6DZ6yVxwJh6bUTxyWn-nxxHabX8?size=1600x1200&size_mode=3)]]

 Btw
 Here is the warning at the beginning of the CSS. (Genesis child themes
 have a ton of CSS which just looks like it is minimized at the opening of
 the coding area of the CSS.)

 [[Image(https://photos-1.dropbox.com/t/2/AAB_4jw5UUciZ-
 Uv7aQz2WHIJyGlzeXe2FwzX64z2bFFvw/12/44173049/jpeg/32x32/1/_/1/2/Code-
 editing-warnings3.jpg/EPrC5iEYuNgIIAIoAg
 /piH3y7bOp5ibUptvYD964jfG1ByOSpmQ3oCm-XP1klY?size=1600x1200&size_mode=3)]]

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