Upstream/WordPress
1
0
Fork 0
mirror of https://github.com/WordPress/WordPress.git synced 2024-11-02 16:59:35 +01:00
Code Issues Projects Releases Wiki Activity
4ccc58801d
WordPress/wp-admin/css/site-icon.css

55 lines
1021 B
CSS
Raw Normal View History

Introducing Site Icon, favicon management for WordPress. This v1 marries Jetpack's Site Icon module with the Media Modal, reusing code from the Custom Header admin. For now, the core-provided icons will be limited to a favicon, an iOS app icon, and a Windows tile icon, leaving `.ico` support and additional icons to plugins to add. Props obenland, tyxla, flixos90, jancbeck, markjaquith, scruffian. See #16434. Built from https://develop.svn.wordpress.org/trunk@32994 git-svn-id: http://core.svn.wordpress.org/trunk@32965 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-06-29 14:58:25 +02:00
/*------------------------------------------------------------------------------
28.0 - Site Icon
------------------------------------------------------------------------------*/
Site Icon: Add crop preview to the media modal. * Monkey patches imgAreaSelect library to support touch events. * Removes Settings version of Site Icon since it would have been the same flow. * Removes default value for Customizer setting - there is no default favicon. Fixes #16434. Built from https://develop.svn.wordpress.org/trunk@33329 git-svn-id: http://core.svn.wordpress.org/trunk@33301 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-07-20 17:57:25 +02:00
.site-icon-preview .favicon-preview {
Site Icon: Improve vertical spacing in preview. Props eliorivero. Fixes #33038. Built from https://develop.svn.wordpress.org/trunk@33332 git-svn-id: http://core.svn.wordpress.org/trunk@33304 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-07-20 21:01:50 +02:00
margin: 5px 0 20px;
Site Icon: Add crop preview to the media modal. * Monkey patches imgAreaSelect library to support touch events. * Removes Settings version of Site Icon since it would have been the same flow. * Removes default value for Customizer setting - there is no default favicon. Fixes #16434. Built from https://develop.svn.wordpress.org/trunk@33329 git-svn-id: http://core.svn.wordpress.org/trunk@33301 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-07-20 17:57:25 +02:00
overflow: hidden;
Introducing Site Icon, favicon management for WordPress. This v1 marries Jetpack's Site Icon module with the Media Modal, reusing code from the Custom Header admin. For now, the core-provided icons will be limited to a favicon, an iOS app icon, and a Windows tile icon, leaving `.ico` support and additional icons to plugins to add. Props obenland, tyxla, flixos90, jancbeck, markjaquith, scruffian. See #16434. Built from https://develop.svn.wordpress.org/trunk@32994 git-svn-id: http://core.svn.wordpress.org/trunk@32965 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-06-29 14:58:25 +02:00
position: relative;
Site Icon: Add crop preview to the media modal. * Monkey patches imgAreaSelect library to support touch events. * Removes Settings version of Site Icon since it would have been the same flow. * Removes default value for Customizer setting - there is no default favicon. Fixes #16434. Built from https://develop.svn.wordpress.org/trunk@33329 git-svn-id: http://core.svn.wordpress.org/trunk@33301 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-07-20 17:57:25 +02:00
max-width: 180px;
Introducing Site Icon, favicon management for WordPress. This v1 marries Jetpack's Site Icon module with the Media Modal, reusing code from the Custom Header admin. For now, the core-provided icons will be limited to a favicon, an iOS app icon, and a Windows tile icon, leaving `.ico` support and additional icons to plugins to add. Props obenland, tyxla, flixos90, jancbeck, markjaquith, scruffian. See #16434. Built from https://develop.svn.wordpress.org/trunk@32994 git-svn-id: http://core.svn.wordpress.org/trunk@32965 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-06-29 14:58:25 +02:00
}
Site Icon: Add crop preview to the media modal. * Monkey patches imgAreaSelect library to support touch events. * Removes Settings version of Site Icon since it would have been the same flow. * Removes default value for Customizer setting - there is no default favicon. Fixes #16434. Built from https://develop.svn.wordpress.org/trunk@33329 git-svn-id: http://core.svn.wordpress.org/trunk@33301 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-07-20 17:57:25 +02:00
.site-icon-preview .favicon,
.site-icon-preview .browser-title {
Introducing Site Icon, favicon management for WordPress. This v1 marries Jetpack's Site Icon module with the Media Modal, reusing code from the Custom Header admin. For now, the core-provided icons will be limited to a favicon, an iOS app icon, and a Windows tile icon, leaving `.ico` support and additional icons to plugins to add. Props obenland, tyxla, flixos90, jancbeck, markjaquith, scruffian. See #16434. Built from https://develop.svn.wordpress.org/trunk@32994 git-svn-id: http://core.svn.wordpress.org/trunk@32965 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-06-29 14:58:25 +02:00
height: 16px;
left: 88px;
overflow: hidden;
position: absolute;
top: 16px;
}
Site Icon: Add crop preview to the media modal. * Monkey patches imgAreaSelect library to support touch events. * Removes Settings version of Site Icon since it would have been the same flow. * Removes default value for Customizer setting - there is no default favicon. Fixes #16434. Built from https://develop.svn.wordpress.org/trunk@33329 git-svn-id: http://core.svn.wordpress.org/trunk@33301 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-07-20 17:57:25 +02:00
.site-icon-preview .favicon {
Introducing Site Icon, favicon management for WordPress. This v1 marries Jetpack's Site Icon module with the Media Modal, reusing code from the Custom Header admin. For now, the core-provided icons will be limited to a favicon, an iOS app icon, and a Windows tile icon, leaving `.ico` support and additional icons to plugins to add. Props obenland, tyxla, flixos90, jancbeck, markjaquith, scruffian. See #16434. Built from https://develop.svn.wordpress.org/trunk@32994 git-svn-id: http://core.svn.wordpress.org/trunk@32965 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-06-29 14:58:25 +02:00
width: 16px;
}
Site Icon: Add crop preview to the media modal. * Monkey patches imgAreaSelect library to support touch events. * Removes Settings version of Site Icon since it would have been the same flow. * Removes default value for Customizer setting - there is no default favicon. Fixes #16434. Built from https://develop.svn.wordpress.org/trunk@33329 git-svn-id: http://core.svn.wordpress.org/trunk@33301 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-07-20 17:57:25 +02:00
.site-icon-preview .browser-title {
Introducing Site Icon, favicon management for WordPress. This v1 marries Jetpack's Site Icon module with the Media Modal, reusing code from the Custom Header admin. For now, the core-provided icons will be limited to a favicon, an iOS app icon, and a Windows tile icon, leaving `.ico` support and additional icons to plugins to add. Props obenland, tyxla, flixos90, jancbeck, markjaquith, scruffian. See #16434. Built from https://develop.svn.wordpress.org/trunk@32994 git-svn-id: http://core.svn.wordpress.org/trunk@32965 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-06-29 14:58:25 +02:00
left: 109px;
Customize: Reduce vertical space of site icon control. Makes the control easier to find, reduces visual clutter, and is more consistent with Customizer UI conventions. Props celloexpressions. Fixes #35943. Built from https://develop.svn.wordpress.org/trunk@36907 git-svn-id: http://core.svn.wordpress.org/trunk@36875 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-03-09 22:19:27 +01:00
width: 72px;
white-space: nowrap;
Introducing Site Icon, favicon management for WordPress. This v1 marries Jetpack's Site Icon module with the Media Modal, reusing code from the Custom Header admin. For now, the core-provided icons will be limited to a favicon, an iOS app icon, and a Windows tile icon, leaving `.ico` support and additional icons to plugins to add. Props obenland, tyxla, flixos90, jancbeck, markjaquith, scruffian. See #16434. Built from https://develop.svn.wordpress.org/trunk@32994 git-svn-id: http://core.svn.wordpress.org/trunk@32965 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-06-29 14:58:25 +02:00
}
Site Icon: Add crop preview to the media modal. * Monkey patches imgAreaSelect library to support touch events. * Removes Settings version of Site Icon since it would have been the same flow. * Removes default value for Customizer setting - there is no default favicon. Fixes #16434. Built from https://develop.svn.wordpress.org/trunk@33329 git-svn-id: http://core.svn.wordpress.org/trunk@33301 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-07-20 17:57:25 +02:00
.site-icon-preview .app-icon-preview {
Site Icon: Show correct background preview for transparent images. iOS will show transparent parts as black, where as the icon itself stays transparent when used as a favicon. See #16434. Built from https://develop.svn.wordpress.org/trunk@33049 git-svn-id: http://core.svn.wordpress.org/trunk@33020 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-07-02 19:16:26 +02:00
background-color: #000;
Introducing Site Icon, favicon management for WordPress. This v1 marries Jetpack's Site Icon module with the Media Modal, reusing code from the Custom Header admin. For now, the core-provided icons will be limited to a favicon, an iOS app icon, and a Windows tile icon, leaving `.ico` support and additional icons to plugins to add. Props obenland, tyxla, flixos90, jancbeck, markjaquith, scruffian. See #16434. Built from https://develop.svn.wordpress.org/trunk@32994 git-svn-id: http://core.svn.wordpress.org/trunk@32965 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-06-29 14:58:25 +02:00
border-radius: 16px;
height: 64px;
overflow: hidden;
width: 64px;
Site Icon: Improve vertical spacing in preview. Props eliorivero. Fixes #33038. Built from https://develop.svn.wordpress.org/trunk@33332 git-svn-id: http://core.svn.wordpress.org/trunk@33304 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-07-20 21:01:50 +02:00
margin-top: 5px;
Site Icon: Improve responsiveness for small screen devices. Using Jcrop's `trueSize` argument also allows us to get rid of all that behind the scenes temp image creating and back and forth calculating of image sizes. Props tyxla for initial patch. See #16434. Built from https://develop.svn.wordpress.org/trunk@33053 git-svn-id: http://core.svn.wordpress.org/trunk@33024 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-07-02 23:16:24 +02:00
}
Customize: Reduce vertical space of site icon control. Makes the control easier to find, reduces visual clutter, and is more consistent with Customizer UI conventions. Props celloexpressions. Fixes #35943. Built from https://develop.svn.wordpress.org/trunk@36907 git-svn-id: http://core.svn.wordpress.org/trunk@36875 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-03-09 22:19:27 +01:00
Customize: Fix site icon preview in RTL. * Set the direction of previews to LTR. * Remove the ID attribute from the favicon preview in the customizer panel. The preview in the media modal uses the same ID which prevented updating the correct favicon preview. Fixes #37286. Built from https://develop.svn.wordpress.org/trunk@37964 git-svn-id: http://core.svn.wordpress.org/trunk@37905 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-07-05 14:42:27 +02:00
/* rtl:ignore */
.site-icon-preview .favicon,
.site-icon-preview .app-icon-preview {
direction: ltr;
}
Customize: Reduce vertical space of site icon control. Makes the control easier to find, reduces visual clutter, and is more consistent with Customizer UI conventions. Props celloexpressions. Fixes #35943. Built from https://develop.svn.wordpress.org/trunk@36907 git-svn-id: http://core.svn.wordpress.org/trunk@36875 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-03-09 22:19:27 +01:00
.customize-control-site_icon .favicon-preview {
float: left;
margin-right: 12px;
margin-bottom: 0;
}
.customize-control-site_icon .app-icon-preview {
margin-top: 9px;
}
Reference in New Issue Copy Permalink