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