TinyMCE, inline link: add styling for the dialog and UI Autocomplete to Press This.

See #33301.

git-svn-id: https://develop.svn.wordpress.org/trunk@36849 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Andrew Ozz 2016-03-04 20:30:49 +00:00
parent a9810a6287
commit b0865cdcd0
1 changed files with 37 additions and 0 deletions

View File

@ -2170,3 +2170,40 @@ html {
background: #fff;
border-color: #d8d8d8;
}
/* Inline link dialog */
.wp-link-input input {
border: 1px solid #ddd;
-webkit-box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.07 );
box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.07 );
background-color: #fff;
color: #32373c;
outline: none;
-webkit-transition: 0.05s border-color ease-in-out;
transition: 0.05s border-color ease-in-out;
}
/* UI Autocomplete (for inline link and wpLink) */
.ui-autocomplete {
padding: 0;
margin: 0;
list-style: none;
position: absolute;
z-index: 10000;
border: 1px solid #5b9dd9;
-webkit-box-shadow: 0 1px 2px rgba( 30, 140, 190, 0.8 );
box-shadow: 0 1px 2px rgba( 30, 140, 190, 0.8 );
background-color: #fff;
}
.ui-autocomplete li {
margin-bottom: 0;
padding: 4px 10px;
white-space: nowrap;
text-align: left;
}
.ui-autocomplete li.ui-state-focus {
background-color: #ddd;
cursor: pointer;
}