code.gitea.io/gitea@v1.22.3/web_src/css/modules/comment.css (about)

     1  /* These are the remnants of the fomantic comment module */
     2  /* TODO: remove all of these rules */
     3  
     4  .ui.comments {
     5    margin: 1.5em 0;
     6  }
     7  
     8  .ui.comments:first-child {
     9    margin-top: 0;
    10  }
    11  
    12  .ui.comments:last-child {
    13    margin-bottom: 0;
    14  }
    15  
    16  .ui.comments .comment {
    17    display: flex;
    18    position: relative;
    19    background: none;
    20    margin: 3px 0 0;
    21    padding: 0.5em 0 0;
    22    border: none;
    23    border-top: none;
    24    line-height: 1.2;
    25  }
    26  
    27  .edit-content-zone .comment {
    28    flex-direction: column;
    29  }
    30  
    31  .ui.comments .comment:first-child {
    32    margin-top: 0;
    33    padding-top: 0;
    34  }
    35  
    36  .ui.comments .comment > .comments {
    37    margin: 0 0 0.5em 0.5em;
    38    padding: 1em 0 1em 1em;
    39  }
    40  
    41  .ui.comments .comment > .comments::before {
    42    position: absolute;
    43    top: 0;
    44    left: 0;
    45  }
    46  
    47  .ui.comments .comment > .comments .comment {
    48    border: none;
    49    border-top: none;
    50    background: none;
    51  }
    52  
    53  .ui.comments .comment .avatar {
    54    width: 30px;
    55  }
    56  
    57  .ui.comments .comment > .content {
    58    display: flex;
    59    flex-direction: column;
    60    flex: 1;
    61  }
    62  
    63  .ui.comments .comment > .avatar ~ .content {
    64    margin-left: 12px;
    65  }
    66  
    67  .ui.comments .comment .author {
    68    font-size: 1em;
    69    font-weight: var(--font-weight-medium);
    70  }
    71  
    72  .ui.comments .comment a.author {
    73    cursor: pointer;
    74  }
    75  
    76  .ui.comments .comment .metadata {
    77    display: inline-block;
    78    margin-left: 0.5em;
    79    font-size: 0.875em;
    80  }
    81  
    82  .ui.comments .comment .metadata > * {
    83    display: inline-block;
    84    margin: 0 0.5em 0 0;
    85  }
    86  
    87  .ui.comments .comment .metadata > :last-child {
    88    margin-right: 0;
    89  }
    90  
    91  .ui.comments .comment .text {
    92    margin: 0.25em 0 0.5em;
    93    font-size: 1em;
    94    word-wrap: break-word;
    95    line-height: 1.3;
    96  }