Making WordPress.org


Ignore:
Timestamp:
02/03/2023 06:41:44 AM (13 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:
1 edited

Legend:

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

    r12383 r12385  
    520520        margin-right: 0.3rem;
    521521        width: 1rem;
     522    }
     523}
     524
     525div.attribution {
     526    margin: 1rem 0 3rem;
     527    font-size: 0.9rem;
     528
     529    .attribution-copy {
     530        background-color: #30272E;
     531        border-color: transparent;
     532        color: #fff;
     533        font-size: small;
     534        padding: 0.25rem 0.5rem;
     535        margin-top: 1rem;
     536    }
     537
     538    .attribution-label {
     539        margin-bottom: 1rem;
     540    }
     541
     542    .attribution-text {
     543        .tabs {
     544            button {
     545                background-color: white;
     546                border: 0;
     547                border-bottom: 1px solid #aaa;
     548                padding: 0.5rem 1rem;
     549
     550                &.active {
     551                    border: 1px solid #aaa;
     552                    border-bottom-color: #fff;
     553                    display: inline-block;
     554                }
     555            }
     556        }
     557        .tab {
     558            display: none;
     559            border: 1px solid #aaa;
     560            padding: 1rem;
     561            margin-top: -1px;
     562        }
     563        .active {
     564            display: block;
     565        }
    522566    }
    523567}
Note: See TracChangeset for help on using the changeset viewer.