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

     1  #git-graph-container {
     2    overflow-x: auto;
     3    width: 100%;
     4    min-height: 350px;
     5  }
     6  
     7  #git-graph-container > .ui.segment.loading {
     8    border: 0;
     9    z-index: 1;
    10    min-height: 246px;
    11  }
    12  
    13  #git-graph-container h2 {
    14    display: flex;
    15    justify-content: space-between;
    16    align-items: center;
    17  }
    18  
    19  #git-graph-container .color-buttons {
    20    margin-right: 0;
    21  }
    22  
    23  #git-graph-container .ui.header.dividing {
    24    padding-bottom: 10px;
    25  }
    26  
    27  #git-graph-container #flow-select-refs-dropdown {
    28    border-top-right-radius: 0;
    29    border-bottom-right-radius: 0;
    30    min-width: 250px;
    31    border-right: none;
    32  }
    33  
    34  #git-graph-container #flow-select-refs-dropdown .ui.label {
    35    max-width: 180px;
    36    display: inline-flex !important;
    37    align-items: center;
    38  }
    39  
    40  #git-graph-container #flow-select-refs-dropdown .ui.label .truncate {
    41    display: inline-block;
    42    max-width: 140px;
    43    overflow: hidden;
    44    text-overflow: ellipsis;
    45    vertical-align: top;
    46    white-space: nowrap;
    47  }
    48  
    49  #git-graph-container #flow-select-refs-dropdown .default.text {
    50    padding-top: 4px;
    51    padding-bottom: 4px;
    52  }
    53  
    54  #git-graph-container #flow-select-refs-dropdown input.search {
    55    position: relative;
    56    top: 1px;
    57  }
    58  
    59  #git-graph-container li {
    60    list-style-type: none;
    61    height: 24px;
    62    line-height: 24px;
    63    white-space: nowrap;
    64    display: flex;
    65    align-items: center;
    66  }
    67  
    68  #git-graph-container li .node-relation {
    69    font-family: var(--fonts-monospace);
    70  }
    71  
    72  #git-graph-container li .author {
    73    color: var(--color-text-light);
    74  }
    75  
    76  #git-graph-container li .time {
    77    color: var(--color-text-light-3);
    78    font-size: 80%;
    79  }
    80  
    81  #git-graph-container li a:not(.ui):hover {
    82    text-decoration: underline;
    83  }
    84  
    85  #git-graph-container li a em {
    86    color: var(--color-red);
    87    border-bottom: 1px dotted var(--color-secondary);
    88    text-decoration: none;
    89    font-style: normal;
    90  }
    91  
    92  #git-graph-container #rel-container {
    93    max-width: 30%;
    94    overflow-x: auto;
    95    float: left;
    96  }
    97  
    98  #git-graph-container #rev-container {
    99    width: 100%;
   100  }
   101  
   102  #git-graph-container #rev-list {
   103    margin: 0;
   104    padding: 0;
   105    width: 100%;
   106  }
   107  
   108  #git-graph-container #rev-list li.highlight.hover {
   109    background-color: var(--color-secondary-alpha-30);
   110  }
   111  
   112  #git-graph-container #rev-list .commit-refs .button {
   113    padding: 2px 4px;
   114    margin-right: 0.25em;
   115    display: inline-block;
   116    max-width: 200px;
   117    overflow: hidden;
   118    text-overflow: ellipsis;
   119  }
   120  
   121  #git-graph-container #rev-list .sha.label {
   122    padding-top: 5px;
   123    padding-bottom: 3px;
   124  }
   125  
   126  #git-graph-container #rev-list .sha.label .ui.detail.icon.button {
   127    padding-top: 3px;
   128    margin-top: -5px;
   129    padding-bottom: 1px;
   130  }
   131  
   132  #git-graph-container #rev-list .author img.ui.avatar {
   133    width: auto;
   134    height: 18px;
   135    max-width: none;
   136  }
   137  
   138  #git-graph-container #graph-raw-list {
   139    margin: 0;
   140  }
   141  
   142  #git-graph-container.monochrome #rel-container .flow-group {
   143    stroke: var(--color-secondary-dark-5);
   144    fill: var(--color-secondary-dark-5);
   145  }
   146  
   147  #git-graph-container.monochrome #rel-container .flow-group.highlight {
   148    stroke: var(--color-secondary-dark-12);
   149    fill: var(--color-secondary-dark-12);
   150  }
   151  
   152  #git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-1 {
   153    stroke: #499a37;
   154    fill: #499a37;
   155  }
   156  
   157  #git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-2 {
   158    stroke: #ce4751;
   159    fill: #ce4751;
   160  }
   161  
   162  #git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-3 {
   163    stroke: #8f9121;
   164    fill: #8f9121;
   165  }
   166  
   167  #git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-4 {
   168    stroke: #ac32a6;
   169    fill: #ac32a6;
   170  }
   171  
   172  #git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-5 {
   173    stroke: #7445e9;
   174    fill: #7445e9;
   175  }
   176  
   177  #git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-6 {
   178    stroke: #c67d28;
   179    fill: #c67d28;
   180  }
   181  
   182  #git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-7 {
   183    stroke: #4db392;
   184    fill: #4db392;
   185  }
   186  
   187  #git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-8 {
   188    stroke: #aa4d30;
   189    fill: #aa4d30;
   190  }
   191  
   192  #git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-9 {
   193    stroke: #2a6f84;
   194    fill: #2a6f84;
   195  }
   196  
   197  #git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-10 {
   198    stroke: #c45327;
   199    fill: #c45327;
   200  }
   201  
   202  #git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-11 {
   203    stroke: #3d965c;
   204    fill: #3d965c;
   205  }
   206  
   207  #git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-12 {
   208    stroke: #792a93;
   209    fill: #792a93;
   210  }
   211  
   212  #git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-13 {
   213    stroke: #439d73;
   214    fill: #439d73;
   215  }
   216  
   217  #git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-14 {
   218    stroke: #103aad;
   219    fill: #103aad;
   220  }
   221  
   222  #git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-15 {
   223    stroke: #982e85;
   224    fill: #982e85;
   225  }
   226  
   227  #git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-0 {
   228    stroke: #7db233;
   229    fill: #7db233;
   230  }
   231  
   232  #git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-1 {
   233    stroke: #5ac144;
   234    fill: #5ac144;
   235  }
   236  
   237  #git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-2 {
   238    stroke: #ed5a8b;
   239    fill: #ed5a8b;
   240  }
   241  
   242  #git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-3 {
   243    stroke: #ced049;
   244    fill: #ced048;
   245  }
   246  
   247  #git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-4 {
   248    stroke: #db61d7;
   249    fill: #db62d6;
   250  }
   251  
   252  #git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-5 {
   253    stroke: #8455f9;
   254    fill: #8455f9;
   255  }
   256  
   257  #git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-6 {
   258    stroke: #e6a151;
   259    fill: #e6a151;
   260  }
   261  
   262  #git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-7 {
   263    stroke: #44daaa;
   264    fill: #44daaa;
   265  }
   266  
   267  #git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-8 {
   268    stroke: #dd7a5c;
   269    fill: #dd7a5c;
   270  }
   271  
   272  #git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-9 {
   273    stroke: #38859c;
   274    fill: #38859c;
   275  }
   276  
   277  #git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-10 {
   278    stroke: #d95520;
   279    fill: #d95520;
   280  }
   281  
   282  #git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-11 {
   283    stroke: #42ae68;
   284    fill: #42ae68;
   285  }
   286  
   287  #git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-12 {
   288    stroke: #9126b5;
   289    fill: #9126b5;
   290  }
   291  
   292  #git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-13 {
   293    stroke: #4ab080;
   294    fill: #4ab080;
   295  }
   296  
   297  #git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-14 {
   298    stroke: #284fb8;
   299    fill: #284fb8;
   300  }
   301  
   302  #git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-15 {
   303    stroke: #971c80;
   304    fill: #971c80;
   305  }
   306  
   307  #git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-0 {
   308    stroke: #87ca28;
   309    fill: #87ca28;
   310  }