Changeset 12385 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-photos/css/components/_site.scss

Timestamp:

02/03/2023 06:41:44 AM (23 months ago)

Author:

coffee2code

Message:

Photo Directory: Facilitate photo attribution with copy-to-clipboard functionality for Rich Text, HTML, and plain text suggestions.

Inspired by Openverse's implementation.

Props pollyplummer, Otto42 topher1kenobe, coffee2code.
Fixes #6097.

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-photos/css/components/_site.scss (modified) (1 diff)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-photos/css/components/_site.scss

@@ -520 +520 @@
         margin-right: 0.3rem;
         width: 1rem;
+    }
+}
+
+div.attribution {
+    margin: 1rem 0 3rem;
+    font-size: 0.9rem;
+
+    .attribution-copy {
+        background-color: #30272E;
+        border-color: transparent;
+        color: #fff;
+        font-size: small;
+        padding: 0.25rem 0.5rem;
+        margin-top: 1rem;
+    }
+
+    .attribution-label {
+        margin-bottom: 1rem;
+    }
+
+    .attribution-text {
+        .tabs {
+            button {
+                background-color: white;
+                border: 0;
+                border-bottom: 1px solid #aaa;
+                padding: 0.5rem 1rem;
+
+                &.active {
+                    border: 1px solid #aaa;
+                    border-bottom-color: #fff;
+                    display: inline-block;
+                }
+            }
+        }
+        .tab {
+            display: none;
+            border: 1px solid #aaa;
+            padding: 1rem;
+            margin-top: -1px;
+        }
+        .active {
+            display: block;
+        }
     }
 }