Changeset 57602 for trunk/src/wp-admin/css/forms.css

Timestamp:

02/12/2024 09:55:44 PM (22 months ago)

Author:

jorbin

Message:

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.

File:

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

trunk/src/wp-admin/css/forms.css

@@ -790 +790 @@
 }
 
+.button-add-site-icon{
+    width: 100%;
+    cursor: pointer;
+    text-align: center;
+    border: 1px dashed #c3c4c7;
+    box-sizing: border-box;
+    padding: 9px 0;
+    line-height: 1.6;
+    max-width: 270px;
+}
+
+.button-add-site-icon:focus,
+.button-add-site-icon:hover{
+    background: white;
+}
+
+.site-icon-section .favicon-preview{
+    float: left;
+}
+.site-icon-section .app-icon-preview{
+    float: left;
+    margin: 0 20px;
+}
+
+.site-icon-section .site-icon-preview img{
+    max-width: 100%;
+}
+
+.button-ad-site-icon:focus{
+    background-color: #fff;
+    border-color: #3582c4;
+    border-style: solid;
+    box-shadow: 0 0 0 1px #3582c4;
+    outline: 2px solid transparent;
+}
+
 /*------------------------------------------------------------------------------
   15.0 - Comments Screen