Changeset 36849

Timestamp:

03/04/2016 08:30:49 PM (10 years ago)

Author:

azaozz

Message:

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

See #33301.

File:

• trunk/src/wp-admin/css/press-this.css (modified) (1 diff)

trunk/src/wp-admin/css/press-this.css

@@ -2171 +2171 @@
     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;
+}