WordPress-C
/
WordPress
mirror of https://github.com/WordPress/WordPress.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
WordPress/wp-admin/css/site-icon.css

77 lines
1.4 KiB
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 08:58:25 -04: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 11:57:25 -04: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 15:01:50 -04: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 11:57:25 -04: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 08:58:25 -04: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 11:57:25 -04: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 08:58:25 -04: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 11:57:25 -04: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 08:58:25 -04: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 11:57:25 -04: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 08:58:25 -04: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 11:57:25 -04: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 08:58:25 -04: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 16:19:27 -05: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 08:58:25 -04: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 11:57:25 -04: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 13:16:26 -04: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 08:58:25 -04: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 15:01:50 -04: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 17:16:24 -04: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 16:19:27 -05: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 08:42:27 -04: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 16:19:27 -05: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;
}
General: Add an option to configure the site icon in general settings. This restores the site icon setting to its original home on the settings page where it lives with the title and tagline. The base for this code was originally added in [32994] and then removed in [33329]. The majority of the modification to that version are to remove the no-js pieces and make the workflow completely inline rather than putting the cropping on a separate page. Additionally, since image crops rely on the ability to upload an image, this setting is gated by the `upload_files` capability. Follow-up to: [32994], [33329]. Props jorbin, audrasjb, mukesh27, joedolson, afercia, kebbet, swissspidy, obenland, jameskoster, kjellr, andraganescu, stacimc, mikeschroder, h71, krupajnanda, huzaifaalmesbah. Fixes #54370. See #16434. Built from https://develop.svn.wordpress.org/trunk@57602 git-svn-id: http://core.svn.wordpress.org/trunk@57103 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2024-02-12 16:57:09 -05:00
.site-icon-section button.reset {
color: #b32d2e;
text-decoration: none;
border-color: transparent;
box-shadow: none;
background: transparent;
}
.site-icon-section button.reset:focus,
.site-icon-section button.reset:hover {
background: #b32d2e;
color: #fff;
border-color: #b32d2e;
box-shadow: 0 0 0 1px #b32d2e;
}
General: Some minor adjustments for the Site Icon option: * Improve buttons flow on small viewports, taking longer translations into account. * Make `alt` attributes translatable. * Remove unused `id` attributes. Follow-up to [57602]. Props kebbet, afercia, mukesh27. See #54370. Built from https://develop.svn.wordpress.org/trunk@57618 git-svn-id: http://core.svn.wordpress.org/trunk@57119 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2024-02-13 08:09:07 -05:00
.site-icon-section .action-buttons {
display: flex;
flex-wrap: wrap;
gap: 10px;
}