vhad/wordpress-develop
1
0
Fork 0
mirror of https://github.com/gosticks/wordpress-develop.git synced 2026-05-21 19:54:32 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

TinyMCE: add inline link dialog

Browse Source 
First run.
Links the advanced button to the "old" dialog for now.

See #33301.


git-svn-id: https://develop.svn.wordpress.org/trunk@36384 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Ella Iseulde Van Dorpe
2016-01-23 00:07:29 +00:00
parent 0e46055d5b
commit b780792d87
5 changed files with 311 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
src/wp-includes/css/editor.css
View File

@@ -451,6 +451,46 @@ div.mce-path {
width: 20px;
}
.mce-toolbar .mce-btn-group .mce-btn.mce-primary {
min-width: 0;
background: #0085ba;
border-color: #0073aa #006799 #006799;
-webkit-box-shadow: 0 1px 0 #006799;
box-shadow: 0 1px 0 #006799;
color: #fff;
text-decoration: none;
text-shadow: 0 -1px 1px #006799,
1px 0 1px #006799,
0 1px 1px #006799,
-1px 0 1px #006799;
}
.mce-toolbar .mce-btn-group .mce-btn.mce-primary .mce-ico {
color: #fff;
}
.mce-toolbar .mce-btn-group .mce-btn.mce-primary:hover,
.mce-toolbar .mce-btn-group .mce-btn.mce-primary:focus {
background: #008ec2;
border-color: #006799;
color: #fff;
}
.mce-toolbar .mce-btn-group .mce-btn.mce-primary:focus {
-webkit-box-shadow: 0 1px 0 #0073aa,
0 0 2px 1px #33b3db;
box-shadow: 0 1px 0 #0073aa,
0 0 2px 1px #33b3db;
}
.mce-toolbar .mce-btn-group .mce-btn.mce-primary:active {
background: #0073aa;
border-color: #006799;
-webkit-box-shadow: inset 0 2px 0 #006799;
box-shadow: inset 0 2px 0 #006799;
vertical-align: top;
}
/* mce listbox */
.mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
-webkit-border-radius: 0;
@@ -1709,6 +1749,42 @@ div.wp-link-preview a {
}
}
div.wp-link-input {
float: left;
margin: 2px;
max-width: 694px;
}
div.wp-link-input input {
width: 300px;
padding: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and ( max-width: 400px ) {
div.wp-link-input {
min-width: 0;
max-width: 70%;
max-width: -webkit-calc(100% - 80px);
max-width: calc(100% - 80px);
}
div.wp-link-input input {
width: 100%;
font-size: 16px;
padding: 4px;
}
}
.ui-autocomplete.mce-wp-autocomplete {
z-index: 100100;
margin-top: 10px;
max-height: 200px;
overflow-y: auto;
}
/* =Overlay Body
-------------------------------------------------------------- */