TinyMCE modal reset styles

[milana_cap]

At the beginning of wp-includes/js/tinymce/skins/lightgray/skin.min.css file, there's the reset of all styles:

.mce-container *,
.mce-widget,
.mce-widget *,
.mce-reset {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:top;
    background:transparent;
    text-decoration:none;
    color:#333;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
    text-shadow:none;
    float:none;
    position:static;
    width:auto;
    height:auto;
    white-space:nowrap;
    cursor:inherit;
    -webkit-tap-highlight-color:transparent;
    line-height:normal;
    font-weight:normal;
    text-align:left;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    direction:ltr;
    max-width:none;
}

This results in <strong> having wrong font weight when used in modal body.

Screenshot:

After overriding font-weight vertical align is not correct:

.mce-container strong,
.mce-widget strong,
.mce-reset strong {
    font-weight: 600 !important;
}

Screenshot:

After defining vertical align and adjusting font size (which is the same but for some reason bold text looks smaller) I finally get correct styling:

.mce-container strong,
.mce-widget strong,
.mce-reset strong {
    font-weight: 600 !important;
    vertical-align: bottom;
    font-size: 15px;
}

Screenshot:

[azaozz]

Thanks for the bug report. The skin.min.css file is part of TinyMCE. Please report this ​to them so they can fix the styling for <strong>.

[milana_cap]

Replying to azaozz:

Thanks for the bug report. The skin.min.css file is part of TinyMCE. Please report this ​to them so they can fix the styling for <strong>.

Reported.

Thanks @azaozz and sorry for reporting to wrong place.

[azaozz]

Replying to milana_cap:
No problems :)
I'm sure the TinyMCE developers will see the report here too, but better to have it there.