code.gitea.io/gitea@v1.21.7/web_src/css/features/heatmap.css (about)

     1  #user-heatmap {
     2    width: 100%;
     3    font-size: 9px;
     4    position: relative;
     5  }
     6  
     7  /* before the Vue component is mounted, show a loading indicator with dummy size */
     8  /* the ratio is guesswork, see https://github.com/razorness/vue3-calendar-heatmap/issues/26 */
     9  #user-heatmap.is-loading {
    10    aspect-ratio: 5.415; /* the size is about 790 x 145 */
    11  }
    12  .user.profile #user-heatmap.is-loading {
    13    aspect-ratio: 5.645; /* the size is about 953 x 169 */
    14  }
    15  
    16  #user-heatmap text {
    17    fill: currentcolor !important;
    18  }
    19  
    20  /* for the "Less" and "More" legend */
    21  #user-heatmap .vch__legend .vch__legend {
    22    display: flex;
    23    font-size: 11px;
    24    align-items: center;
    25    justify-content: right;
    26  }
    27  
    28  #user-heatmap .vch__legend .vch__legend div:first-child,
    29  #user-heatmap .vch__legend .vch__legend div:last-child {
    30    display: inline-block;
    31    padding: 0 5px;
    32  }
    33  
    34  /* move the "? contributions in the last ? months" text from top to bottom */
    35  #user-heatmap .total-contributions {
    36    font-size: 11px;
    37    position: absolute;
    38    bottom: 0;
    39    left: 25px;
    40  }
    41  
    42  @media (max-width: 1200px) {
    43    #user-heatmap .total-contributions {
    44      left: 21px;
    45    }
    46  }
    47  
    48  @media (max-width: 1000px) {
    49    #user-heatmap .total-contributions {
    50      font-size: 10px;
    51      left: 17px;
    52      bottom: -4px;
    53    }
    54  }