code.gitea.io/gitea@v1.22.3/web_src/css/repo/reactions.css (about)

     1  .bottom-reactions {
     2    display: flex;
     3    gap: 6px;
     4    margin: 0 1em 1em;
     5  }
     6  
     7  .timeline-item .conversation-holder .bottom-reactions {
     8    margin: 1em 0 0 36px;
     9    padding-bottom: 8px;
    10  }
    11  
    12  .bottom-reactions .ui.label {
    13    padding: 5px 8px;
    14    font-weight: var(--font-weight-normal);
    15  }
    16  
    17  .bottom-reactions .ui.label.primary {
    18    background-color: var(--color-reaction-active-bg) !important;
    19  }
    20  
    21  .bottom-reactions .ui.label:hover {
    22    background-color: var(--color-reaction-hover-bg) !important;
    23  }
    24  
    25  .bottom-reactions .ui.label.disabled {
    26    cursor: default;
    27    opacity: 1;
    28  }
    29  
    30  .bottom-reactions .ui.label .reaction {
    31    font-size: 16px;
    32    display: flex;
    33  }
    34  
    35  .bottom-reactions .ui.label .reaction img {
    36    height: 16px;
    37    aspect-ratio: 1;
    38  }
    39  
    40  .bottom-reactions .reaction-count {
    41    margin-left: 4px;
    42  }
    43  
    44  .ui.dropdown.select-reaction .menu {
    45    min-width: 170px; /* item-outer-width * 4 */
    46  }
    47  
    48  .ui.dropdown.select-reaction .menu > .item {
    49    float: left;
    50    margin: 4px;
    51    font-size: 20px;
    52    width: 34px;
    53    height: 34px;
    54    border-radius: var(--border-radius);
    55    display: flex;
    56    align-items: center;
    57    justify-content: center;
    58  }
    59  
    60  .bottom-reactions .select-reaction {
    61    padding: 0 10px;
    62  }
    63  
    64  .bottom-reactions .select-reaction:not(.active) {
    65    visibility: hidden;
    66  }
    67  
    68  .bottom-reactions:hover .select-reaction {
    69    visibility: visible;
    70  }