PR#1948 Closed Change in size of preview on adding a big image and auto formatted the css according to style guide.

Proposed 5 months ago by smitthakkar96
Modified 4 months ago
From forks/smitthakkar96/pagure imageOverflow  into pagure master
file changed

1 @@ -99,6 +99,7 @@ 

2   

3   

4   def ssh_key_validator(form, field):

5 +     ''' Form for ssh key validation '''

6       if not pagure.lib.are_valid_ssh_keys(field.data):

7           raise wtforms.ValidationError('Invalid SSH keys')

8   
file changed

   1 @@ -1,10 +1,9 @@ 

   2 - html

   3 - {

   4 -     font-size:14px;

   5 + html {

   6 +     font-size: 14px;

   7   }

   8   

   9   .right {

  10 -   float: right;

  11 +     float: right;

  12   }

  13   

  14   .disabled a {

  15 @@ -12,188 +11,181 @@

  16       color: #808080;

  17   }

  18   

  19 - .nav-tabs

  20 - {

  21 -     border-bottom:none;

  22 + .nav-tabs {

  23 +     border-bottom: none;

  24   }

  25   

  26 - .repo-header

  27 - {

  28 -     background:#f3f3f3;

  29 -     border-bottom:1px solid #DDD;

  30 + .repo-header {

  31 +     background: #f3f3f3;

  32 +     border-bottom: 1px solid #DDD;

  33   }

  34   

  35 - 

  36 - .notification-spacer

  37 - {

  38 -     background:#f3f3f3;

  39 + .notification-spacer {

  40 +     background: #f3f3f3;

  41   }

  42   

  43   .code_table {

  44       background: #FDF6E3;

  45       min-width: 100%;

  46 -     display:block;

  47 +     display: block;

  48       overflow-x: auto;

  49   }

  50   

  51 - .code_table tr td{

  52 + .code_table tr td {

  53       padding: 0;

  54   }

  55   

  56 - .code_table tr td pre{

  57 + .code_table tr td pre {

  58       padding: 0;

  59       margin: 0;

  60   }

  61   

  62 - .code_table tr .cell1{

  63 + .code_table tr .cell1 {

  64       width: 20px;

  65       background: #eee8d5;

  66       -webkit-user-select: none;

  67       -moz-user-select: none;

  68       -ms-user-select: none;

  69       user-select: none;

  70 -     text-align:center;

  71 +     text-align: center;

  72   }

  73   

  74 - .code_table tr .cell2{

  75 -     padding-left:15px;

  76 + .code_table tr .cell2 {

  77 +     padding-left: 15px;

  78   }

  79   

  80   .code_table tr .cell1 a::before {

  81       content: attr(data-line-number);

  82 -     color:#91a1a1!important;

  83 +     color: #91a1a1!important;

  84       font-family: Hack;

  85 -     padding-left:3px;

  86 -     padding-right:3px;

  87 +     padding-left: 3px;

  88 +     padding-right: 3px;

  89   }

  90   

  91 - .alert-info pre

  92 - {

  93 -     background-color:#CFE5F0;

  94 + .alert-info pre {

  95 +     background-color: #CFE5F0;

  96   }

  97   

  98 - .card-header > .breadcrumb

  99 - {

 100 - padding:0;

 101 - background:none;

 102 - margin-bottom:0;

 103 - display:inline-block;

 104 + .card-header>.breadcrumb {

 105 +     padding: 0;

 106 +     background: none;

 107 +     margin-bottom: 0;

 108 +     display: inline-block;

 109   }

 110   

 111 - .card-header > .breadcrumb .oi

 112 - {

 113 - font-size:0.8rem;

 114 + .card-header>.breadcrumb .oi {

 115 +     font-size: 0.8rem;

 116   }

 117   

 118 - .file-button-bar

 119 - {

 120 - background:#ededed;

 121 - padding: 0.3rem;

 122 + .file-button-bar {

 123 +     background: #ededed;

 124 +     padding: 0.3rem;

 125   }

 126   

 127 - #issue-title, .stretch-table-column

 128 - {

 129 -     min-width:99%;

 130 + #issue-title,

 131 + .stretch-table-column {

 132 +     min-width: 99%;

 133   }

 134   

 135 - .btn-group-sm.issues-tagbar > .btn-sm {

 136 + .btn-group-sm.issues-tagbar>.btn-sm {

 137       padding: 0.2rem 0.55rem;

 138       font-size: 0.75rem;

 139       border-radius: 0.2rem;

 140       line-height: 1.2;

 141   }

 142   

 143 - #pagure-issues-list .td-open_date, .nowrap

 144 - {

 145 - white-space: nowrap;

 146 + #pagure-issues-list .td-open_date,

 147 + .nowrap {

 148 +     white-space: nowrap;

 149   }

 150   

 151 - #preview

 152 - {

 153 + #preview {

 154       min-height: 16rem;

 155 -     background:#efefef;

 156 -     padding:1em;

 157 -     border:1px solid #aaa;

 158 +     background: #efefef;

 159 +     padding: 1em;

 160 +     border: 1px solid #aaa;

 161   }

 162   

 163 - .form-control#initial_comment

 164 - {

 165 -   min-height: 16rem;

 166 + #preview img {

 167 +     max-width: 100%;

 168   }

 169   

 170 + .form-control#initial_comment {

 171 +     min-height: 16rem;

 172 + }

 173   

 174 - .issue-metadata-form

 175 - {

 176 -   display:none;

 177 + .issue-metadata-form {

 178 +     display: none;

 179   }

 180   

 181 - .issue-custom-form

 182 - {

 183 -   display:none;

 184 + .issue-custom-form {

 185 +     display: none;

 186   }

 187   

 188   .milestone-table {

 189 -   width: 100%;

 190 +     width: 100%;

 191   }

 192   

 193   .milestone-table tr td:first-child {

 194 -   width: 100%;

 195 +     width: 100%;

 196   }

 197   

 198 - .bodycontent

 199 - {

 200 - min-height: 85vh;

 201 + .bodycontent {

 202 +     min-height: 85vh;

 203   }

 204   

 205   .oi-spin {

 206 -   -webkit-animation: spin 2s infinite linear;

 207 -   -moz-animation: spin 2s infinite linear;

 208 -   -o-animation: spin 2s infinite linear;

 209 -   animation: spin 2s infinite linear;

 210 +     -webkit-animation: spin 2s infinite linear;

 211 +     -moz-animation: spin 2s infinite linear;

 212 +     -o-animation: spin 2s infinite linear;

 213 +     animation: spin 2s infinite linear;

 214   }

 215 + 

 216   @-moz-keyframes spin {

 217 -   0% {

 218 -     -moz-transform: rotate(0deg);

 219 -   }

 220 -   100% {

 221 -     -moz-transform: rotate(359deg);

 222 -   }

 223 +     0% {

 224 +         -moz-transform: rotate(0deg);

 225 +     }

 226 +     100% {

 227 +         -moz-transform: rotate(359deg);

 228 +     }

 229   }

 230 + 

 231   @-webkit-keyframes spin {

 232 -   0% {

 233 -     -webkit-transform: rotate(0deg);

 234 -   }

 235 -   100% {

 236 -     -webkit-transform: rotate(359deg);

 237 -   }

 238 +     0% {

 239 +         -webkit-transform: rotate(0deg);

 240 +     }

 241 +     100% {

 242 +         -webkit-transform: rotate(359deg);

 243 +     }

 244   }

 245 + 

 246   @-o-keyframes spin {

 247 -   0% {

 248 -     -o-transform: rotate(0deg);

 249 -   }

 250 -   100% {

 251 -     -o-transform: rotate(359deg);

 252 -   }

 253 +     0% {

 254 +         -o-transform: rotate(0deg);

 255 +     }

 256 +     100% {

 257 +         -o-transform: rotate(359deg);

 258 +     }

 259   }

 260 + 

 261   @keyframes spin {

 262 -   0% {

 263 -     -webkit-transform: rotate(0deg);

 264 -     transform: rotate(0deg);

 265 -   }

 266 -   100% {

 267 -     -webkit-transform: rotate(359deg);

 268 -     transform: rotate(359deg);

 269 -   }

 270 - }

 271 - .oi

 272 - {

 273 +     0% {

 274 +         -webkit-transform: rotate(0deg);

 275 +         transform: rotate(0deg);

 276 +     }

 277 +     100% {

 278 +         -webkit-transform: rotate(359deg);

 279 +         transform: rotate(359deg);

 280 +     }

 281 + }

 282 + 

 283 + .oi {

 284       position: relative;

 285       top: 1px;

 286       font-size: 0.8em;

 287   }

 288   

 289 - .pr-toplabel

 290 - {

 291 + .pr-toplabel {

 292       background: #eee;

 293       padding-left: 10px;

 294       padding-top: 4px;

 295 @@ -209,102 +201,92 @@

 296   .selectize-control.pr-toplabel-select .selectize-input {

 297       display: inline!important;

 298       padding: 4px 20px 4px 10px;

 299 -     border:0;

 300 +     border: 0;

 301       background: #eee;

 302   }

 303   

 304 - .selectize-control.pr-toplabel-select .selectize-input:after

 305 - {

 306 - right:6px!important;

 307 + .selectize-control.pr-toplabel-select .selectize-input:after {

 308 +     right: 6px!important;

 309   }

 310   

 311 - .button-label{

 312 -   padding: .25rem .75rem;

 313 -   font-size: .875rem;

 314 -   line-height: 1.5;

 315 -   border-radius: .2rem;

 316 -   display: inline-block;

 317 -   font-weight: 400;

 318 -   text-align: center;

 319 -   white-space: nowrap;

 320 -   vertical-align: middle;

 321 -   border: 1px solid transparent;

 322 + .button-label {

 323 +     padding: .25rem .75rem;

 324 +     font-size: .875rem;

 325 +     line-height: 1.5;

 326 +     border-radius: .2rem;

 327 +     display: inline-block;

 328 +     font-weight: 400;

 329 +     text-align: center;

 330 +     white-space: nowrap;

 331 +     vertical-align: middle;

 332 +     border: 1px solid transparent;

 333   }

 334   

 335 - .button-label-default

 336 - {

 337 -   background-color:#eee;

 338 + .button-label-default {

 339 +     background-color: #eee;

 340   }

 341   

 342   .ellipsis {

 343 -   white-space: nowrap;

 344 -   overflow: hidden;

 345 -   text-overflow: ellipsis;

 346 -   text-overflow: ellipsis;

 347 -   text-overflow: ellipsis;

 348 +     white-space: nowrap;

 349 +     overflow: hidden;

 350 +     text-overflow: ellipsis;

 351 +     text-overflow: ellipsis;

 352 +     text-overflow: ellipsis;

 353   }

 354   

 355 - .ellipsis-left

 356 - {

 357 -   direction:rtl;

 358 + .ellipsis-left {

 359 +     direction: rtl;

 360   }

 361   

 362 - .projecticon .oi

 363 - {

 364 - font-size: 3.5rem;

 365 - line-height: 5rem;

 366 - padding-left: 0.5rem;

 367 - color: #bbb;

 368 + .projecticon .oi {

 369 +     font-size: 3.5rem;

 370 +     line-height: 5rem;

 371 +     padding-left: 0.5rem;

 372 +     color: #bbb;

 373   }

 374   

 375 - .projecticon-search .oi

 376 - {

 377 -   font-size: 2.5rem;

 378 -   line-height: 3rem;

 379 -   color: #bbb;

 380 + .projecticon-search .oi {

 381 +     font-size: 2.5rem;

 382 +     line-height: 3rem;

 383 +     color: #bbb;

 384   }

 385   

 386 - .repo_desc

 387 - {

 388 -   height:2.5em;

 389 -   line-height:1;

 390 -   padding-left:65px;

 391 + .repo_desc {

 392 +     height: 2.5em;

 393 +     line-height: 1;

 394 +     padding-left: 65px;

 395   }

 396   

 397 - .repo_name

 398 - {

 399 -   padding-top:4px;

 400 -   width: 78%;

 401 -   padding-left: 5px;

 402 -   white-space: nowrap;

 403 -   overflow: hidden;

 404 -   text-overflow: ellipsis;

 405 + .repo_name {

 406 +     padding-top: 4px;

 407 +     width: 78%;

 408 +     padding-left: 5px;

 409 +     white-space: nowrap;

 410 +     overflow: hidden;

 411 +     text-overflow: ellipsis;

 412   }

 413   

 414 - .repo_date

 415 - {

 416 -   background-color: #eee;

 417 -   padding-left: 1.25rem;

 418 -   font-size: 90%;

 419 + .repo_date {

 420 +     background-color: #eee;

 421 +     padding-left: 1.25rem;

 422 +     font-size: 90%;

 423   }

 424   

 425 - .project_wrapper

 426 - {

 427 -   border:1px solid #ddd;

 428 -   position:relative;

 429 -   border-radius: .25rem;

 430 -   overflow: hidden;

 431 + .project_wrapper {

 432 +     border: 1px solid #ddd;

 433 +     position: relative;

 434 +     border-radius: .25rem;

 435 +     overflow: hidden;

 436   }

 437   

 438 - .project_metadata

 439 - {

 440 - 

 441 -    bottom:0;

 442 -    background:#eee;

 443 -    width:100%;

 444 -   margin-top:10px;

 445 + .project_metadata {

 446 +     bottom: 0;

 447 +     background: #eee;

 448 +     width: 100%;

 449 +     margin-top: 10px;

 450   }

 451   

 452 + 

 453   /*@media (min-width:768px) {

 454       .container {

 455           max-width:55pc

 456 @@ -319,7 +301,7 @@

 457       color: #d9534f;

 458   }

 459   

 460 - .pagination > li {

 461 + .pagination>li {

 462       display: inline;

 463   }

 464   

 465 @@ -328,8 +310,8 @@

 466   }

 467   

 468   .prc p {

 469 -     padding:0!important;

 470 -     margin:0!important;

 471 +     padding: 0!important;

 472 +     margin: 0!important;

 473   }

 474   

 475   .prc_img {

 476 @@ -340,106 +322,212 @@

 477   .highlighted-line,

 478   .highlighted-line td,

 479   .highlighted-line td pre {

 480 -      background-color: #FFFABA;

 481 +     background-color: #FFFABA;

 482   }

 483   

 484   

 485   /* Added */

 486 + 

 487   .nav {

 488       list-style: outside none none;

 489   }

 490 - .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {

 491 + 

 492 + .nav-pills>li.active>a,

 493 + .nav-pills>li.active>a:focus,

 494 + .nav-pills>li.active>a:hover {

 495       background-color: #337ab7;

 496       color: #fff;

 497   }

 498 - .nav > li {

 499 + 

 500 + .nav>li {

 501       display: block;

 502       position: relative;

 503   }

 504 - .nav-pills > li {

 505 + 

 506 + .nav-pills>li {

 507       float: left;

 508   }

 509 - .nav-pills > li > a {

 510 + 

 511 + .nav-pills>li>a {

 512       border-radius: 4px;

 513   }

 514 - .nav > li > a {

 515 + 

 516 + .nav>li>a {

 517       display: block;

 518       padding: 10px 15px;

 519       position: relative;

 520   }

 521   

 522 - btn-group-vertical > .btn-group::after, .btn-group-vertical > .btn-group::before, .btn-toolbar::after, .btn-toolbar::before, .clearfix::after, .clearfix::before, .container-fluid::after, .container-fluid::before, .container::after, .container::before, .dl-horizontal dd::after, .dl-horizontal dd::before, .form-horizontal .form-group::after, .form-horizontal .form-group::before, .modal-footer::after, .modal-footer::before, .modal-header::after, .modal-header::before, .nav::after, .nav::before, .navbar-collapse::after, .navbar-collapse::before, .navbar-header::after, .navbar-header::before, .navbar::after, .navbar::before, .pager::after, .pager::before, .panel-body::after, .panel-body::before, .row::after, .row::before {

 523 + btn-group-vertical>.btn-group::after,

 524 + .btn-group-vertical>.btn-group::before,

 525 + .btn-toolbar::after,

 526 + .btn-toolbar::before,

 527 + .clearfix::after,

 528 + .clearfix::before,

 529 + .container-fluid::after,

 530 + .container-fluid::before,

 531 + .container::after,

 532 + .container::before,

 533 + .dl-horizontal dd::after,

 534 + .dl-horizontal dd::before,

 535 + .form-horizontal .form-group::after,

 536 + .form-horizontal .form-group::before,

 537 + .modal-footer::after,

 538 + .modal-footer::before,

 539 + .modal-header::after,

 540 + .modal-header::before,

 541 + .nav::after,

 542 + .nav::before,

 543 + .navbar-collapse::after,

 544 + .navbar-collapse::before,

 545 + .navbar-header::after,

 546 + .navbar-header::before,

 547 + .navbar::after,

 548 + .navbar::before,

 549 + .pager::after,

 550 + .pager::before,

 551 + .panel-body::after,

 552 + .panel-body::before,

 553 + .row::after,

 554 + .row::before {

 555       content: " ";

 556       display: table;

 557   }

 558 - *::after, *::before {

 559 + 

 560 + *::after,

 561 + *::before {

 562       box-sizing: border-box;

 563   }

 564 - .btn-group-vertical > .btn-group::after, .btn-toolbar::after, .clearfix::after, .container-fluid::after, .container::after, .dl-horizontal dd::after, .form-horizontal .form-group::after, .modal-footer::after, .modal-header::after, .nav::after, .navbar-collapse::after, .navbar-header::after, .navbar::after, .pager::after, .panel-body::after, .row::after {

 565 + 

 566 + .btn-group-vertical>.btn-group::after,

 567 + .btn-toolbar::after,

 568 + .clearfix::after,

 569 + .container-fluid::after,

 570 + .container::after,

 571 + .dl-horizontal dd::after,

 572 + .form-horizontal .form-group::after,

 573 + .modal-footer::after,

 574 + .modal-header::after,

 575 + .nav::after,

 576 + .navbar-collapse::after,

 577 + .navbar-header::after,

 578 + .navbar::after,

 579 + .pager::after,

 580 + .panel-body::after,

 581 + .row::after {

 582       clear: both;

 583   }

 584 - .btn-group-vertical > .btn-group::after, .btn-group-vertical > .btn-group::before, .btn-toolbar::after, .btn-toolbar::before, .clearfix::after, .clearfix::before, .container-fluid::after, .container-fluid::before, .container::after, .container::before, .dl-horizontal dd::after, .dl-horizontal dd::before, .form-horizontal .form-group::after, .form-horizontal .form-group::before, .modal-footer::after, .modal-footer::before, .modal-header::after, .modal-header::before, .nav::after, .nav::before, .navbar-collapse::after, .navbar-collapse::before, .navbar-header::after, .navbar-header::before, .navbar::after, .navbar::before, .pager::after, .pager::before, .panel-body::after, .panel-body::before, .row::after, .row::before {

 585 + 

 586 + .btn-group-vertical>.btn-group::after,

 587 + .btn-group-vertical>.btn-group::before,

 588 + .btn-toolbar::after,

 589 + .btn-toolbar::before,

 590 + .clearfix::after,

 591 + .clearfix::before,

 592 + .container-fluid::after,

 593 + .container-fluid::before,

 594 + .container::after,

 595 + .container::before,

 596 + .dl-horizontal dd::after,

 597 + .dl-horizontal dd::before,

 598 + .form-horizontal .form-group::after,

 599 + .form-horizontal .form-group::before,

 600 + .modal-footer::after,

 601 + .modal-footer::before,

 602 + .modal-header::after,

 603 + .modal-header::before,

 604 + .nav::after,

 605 + .nav::before,

 606 + .navbar-collapse::after,

 607 + .navbar-collapse::before,

 608 + .navbar-header::after,

 609 + .navbar-header::before,

 610 + .navbar::after,

 611 + .navbar::before,

 612 + .pager::after,

 613 + .pager::before,

 614 + .panel-body::after,

 615 + .panel-body::before,

 616 + .row::after,

 617 + .row::before {

 618       content: " ";

 619       display: table;

 620   }

 621 - *::after, *::before {

 622 + 

 623 + *::after,

 624 + *::before {

 625       box-sizing: border-box;

 626   }

 627 - .bs-example > .alert:last-child, .bs-example > .form-control:last-child, .bs-example > .jumbotron:last-child, .bs-example > .list-group:last-child, .bs-example > .navbar:last-child, .bs-example > .panel:last-child, .bs-example > .progress:last-child, .bs-example > .table-responsive:last-child > .table, .bs-example > .table:last-child, .bs-example > .well:last-child, .bs-example > blockquote:last-child, .bs-example > ol:last-child, .bs-example > p:last-child, .bs-example > ul:last-child {

 628 + 

 629 + .bs-example>.alert:last-child,

 630 + .bs-example>.form-control:last-child,

 631 + .bs-example>.jumbotron:last-child,

 632 + .bs-example>.list-group:last-child,

 633 + .bs-example>.navbar:last-child,

 634 + .bs-example>.panel:last-child,

 635 + .bs-example>.progress:last-child,

 636 + .bs-example>.table-responsive:last-child>.table,

 637 + .bs-example>.table:last-child,

 638 + .bs-example>.well:last-child,

 639 + .bs-example>blockquote:last-child,

 640 + .bs-example>ol:last-child,

 641 + .bs-example>p:last-child,

 642 + .bs-example>ul:last-child {

 643       margin-bottom: 0;

 644   }

 645 + 

 646   .nav {

 647       list-style: outside none none;

 648       margin-bottom: 0;

 649       padding-left: 0;

 650   }

 651   

 652 - #pr-tabs

 653 - {

 654 -  border-bottom: 1px solid #ddd;

 655 -  margin-bottom:1.5em;

 656 -  margin-top:2em;

 657 + #pr-tabs {

 658 +     border-bottom: 1px solid #ddd;

 659 +     margin-bottom: 1.5em;

 660 +     margin-top: 2em;

 661   }

 662   

 663 - .commit_message_body

 664 - {

 665 -   font-family: "Open Sans";

 666 -   background: transparent;

 667 -   padding: 0;

 668 + .commit_message_body {

 669 +     font-family: "Open Sans";

 670 +     background: transparent;

 671 +     padding: 0;

 672   }

 673   

 674 - .card pre

 675 - {

 676 - margin-bottom:0;

 677 + .card pre {

 678 +     margin-bottom: 0;

 679   }

 680   

 681   a.notblue {

 682       color: inherit;

 683 -     text-decoration:none;

 684 +     text-decoration: none;

 685   }

 686   

 687   a.notblue:hover {

 688       color: #444;

 689 -     text-decoration:underline;

 690 +     text-decoration: underline;

 691   }

 692   

 693 - #headerSearch .selectize-control.single .selectize-input::after

 694 - {

 695 -   content: "\e08f";

 696 -   font-family: "Icons";

 697 -   border:none;

 698 -   top:30%;

 699 -   right:22px;

 700 -   color:#aaa;

 701 + #headerSearch .selectize-control.single .selectize-input::after {

 702 +     content: "\e08f";

 703 +     font-family: "Icons";

 704 +     border: none;

 705 +     top: 30%;

 706 +     right: 22px;

 707 +     color: #aaa;

 708   }

 709   

 710 - .footer a, .footer a:hover { color: #d9d9d9; }

 711 + .footer a,

 712 + .footer a:hover {

 713 +     color: #d9d9d9;

 714 + }

 715   

 716   #user_graph {

 717       background-position: center center;

 718       background-repeat: no-repeat;

 719       min-height: 150px;

 720   }

 721 + 

 722   .content-loading {

 723       background-image: url("images/spinner.gif");

 724       background-position: center center;

 725 @@ -447,55 +535,53 @@

 726       min-height: 30px;

 727   }

 728   

 729 - .repoinfo-branchlistitem

 730 - {

 731 -  padding:3px 5px 3px 5px;

 732 + .repoinfo-branchlistitem {

 733 +     padding: 3px 5px 3px 5px;

 734   }

 735   

 736   .branch_name {

 737 -   overflow: hidden;

 738 -   text-overflow: ellipsis;

 739 -   white-space: nowrap;

 740 +     overflow: hidden;

 741 +     text-overflow: ellipsis;

 742 +     white-space: nowrap;

 743   }

 744   

 745   .branch_del {

 746 -   padding: 0px 0px;

 747 -   margin: 0px 0px;

 748 -   text-align: right;

 749 +     padding: 0px 0px;

 750 +     margin: 0px 0px;

 751 +     text-align: right;

 752   }

 753   

 754 - .branch_del .label{

 755 -   padding: 0.25em 0.3em;

 756 + .branch_del .label {

 757 +     padding: 0.25em 0.3em;

 758   }

 759   

 760   .branch_del .del_icon {

 761 -   display:inline;

 762 +     display: inline;

 763   }

 764   

 765 - .branch_del .btn-secondary{

 766 -   border: 0px;

 767 -   color: #0275d8;

 768 + .branch_del .btn-secondary {

 769 +     border: 0px;

 770 +     color: #0275d8;

 771   }

 772   

 773 - .repoinfo-activebranch

 774 - {

 775 -   background:#eee;

 776 -   border:1px solid #ccc;

 777 + .repoinfo-activebranch {

 778 +     background: #eee;

 779 +     border: 1px solid #ccc;

 780   }

 781   

 782   .api code {

 783 -   padding: 0rem 0.4rem;

 784 +     padding: 0rem 0.4rem;

 785   }

 786   

 787   .api h3 {

 788 -   padding-left: 1em;

 789 +     padding-left: 1em;

 790   }

 791   

 792   .addrem_bar {

 793       display: inline-block;

 794       width: 100%;

 795       padding: 0px !important;

 796 -     text-indent:4px;

 797 +     text-indent: 4px;

 798       text-align: left;

 799       background-color: #FDD;

 800   }

 801 @@ -504,12 +590,12 @@

 802       background-color: #DBFFDB;

 803   }

 804   

 805 - .addrem_bar > span {

 806 + .addrem_bar>span {

 807       display: block;

 808       background-color: #DBFFDB;

 809   }

 810   

 811 - .addrem_bar.closed > span {

 812 + .addrem_bar.closed>span {

 813       background-color: #FDD;

 814   }

 815   

 816 @@ -519,206 +605,687 @@

 817       box-shadow: 0 0 5px #999;

 818   }

 819   

 820 - pre.softwrap

 821 - {

 822 -   white-space: pre-wrap;

 823 -   word-wrap: break-word;

 824 + pre.softwrap {

 825 +     white-space: pre-wrap;

 826 +     word-wrap: break-word;

 827   }

 828   

 829   .inline-comments {

 830 -   padding: 1rem 1rem;

 831 -   background-color: white;

 832 -   text-indent:4px;

 833 -   border-radius: 0.25rem 0.25rem 0 0;

 834 +     padding: 1rem 1rem;

 835 +     background-color: white;

 836 +     text-indent: 4px;

 837 +     border-radius: 0.25rem 0.25rem 0 0;

 838   }

 839   

 840   .inline-btn {

 841 -   cursor: pointer;

 842 +     cursor: pointer;

 843   }

 844   

 845   blockquote {

 846 -   background: #f3f5f6;

 847 -   color: #586e75;

 848 -   padding: 1em 1em 0.1em 1em;

 849 +     background: #f3f5f6;

 850 +     color: #586e75;

 851 +     padding: 1em 1em 0.1em 1em;

 852   }

 853   

 854 - .messagetitle{

 855 -   border-top: 1px solid #eee;

 856 + .messagetitle {

 857 +     border-top: 1px solid #eee;

 858   }

 859   

 860 - .messageitem{

 861 -   padding-left: 2em;

 862 + .messageitem {

 863 +     padding-left: 2em;

 864   }

 865   

 866 - .messageicon{

 867 -   float: left;

 868 -   font-size: 1.5em;

 869 -   padding-right: 0.5em;

 870 -   margin-top: -4px;

 871 -   color: #999;

 872 + .messageicon {

 873 +     float: left;

 874 +     font-size: 1.5em;

 875 +     padding-right: 0.5em;

 876 +     margin-top: -4px;

 877 +     color: #999;

 878   }

 879 - .msg-git-hash{

 880 -   font-family:monospace;

 881 -   background-color:#eee;

 882 -   color:#777;

 883 + 

 884 + .msg-git-hash {

 885 +     font-family: monospace;

 886 +     background-color: #eee;

 887 +     color: #777;

 888   }

 889   

 890   th[data-sort] {

 891 -   cursor: pointer;

 892 +     cursor: pointer;

 893   }

 894   

 895 - .pr-changes-description

 896 - {

 897 -   font-size: 0.8em;

 898 + .pr-changes-description {

 899 +     font-size: 0.8em;

 900   }

 901   

 902 - .readme dd{

 903 -   margin-left:2em;

 904 + .readme dd {

 905 +     margin-left: 2em;

 906   }

 907   

 908 - .hidden{

 909 -   display: none;

 910 + .hidden {

 911 +     display: none;

 912   }

 913   

 914 - .code_table .cell_commit{

 915 -   padding-left:0.5em;

 916 + .code_table .cell_commit {

 917 +     padding-left: 0.5em;

 918   }

 919   

 920 - 

 921   #cal-heatmap {

 922 -   padding:0.5em;

 923 +     padding: 0.5em;

 924   }

 925   

 926   .attachment_list p {

 927 -   margin-bottom: 0;

 928 +     margin-bottom: 0;

 929   }

 930   

 931   .btn-group-sm .btn-nopad,

 932   .btn-nopad {

 933 -   padding: 0rem .375rem!important;

 934 -   margin-left: .5rem !important

 935 +     padding: 0rem .375rem!important;

 936 +     margin-left: .5rem !important

 937   }

 938   

 939 + 

 940   /*Our specific responsive overrides*/

 941   

 942   @media (min-width:544px) {

 943 - .pr_comment_form .card, .inline-pr-comment .card{max-width:500px}

 944 +     .pr_comment_form .card,

 945 +     .inline-pr-comment .card {

 946 +         max-width: 500px

 947 +     }

 948   }

 949 + 

 950   @media (min-width:768px) {

 951 - .pr_comment_form .card, .inline-pr-comment .card{max-width:400px}

 952 +     .pr_comment_form .card,

 953 +     .inline-pr-comment .card {

 954 +         max-width: 400px

 955 +     }

 956   }

 957 + 

 958   @media (min-width:992px) {

 959 - .pr_comment_form .card, .inline-pr-comment .card{max-width:550px}

 960 +     .pr_comment_form .card,

 961 +     .inline-pr-comment .card {

 962 +         max-width: 550px

 963 +     }

 964   }

 965 + 

 966   @media (min-width:1200px) {

 967 - .pr_comment_form .card, .inline-pr-comment .card{max-width:680px}

 968 +     .pr_comment_form .card,

 969 +     .inline-pr-comment .card {

 970 +         max-width: 680px

 971 +     }

 972   }

 973   

 974   #watch_project a {

 975 -   cursor: pointer;

 976 +     cursor: pointer;

 977   }

 978   

 979   #home .dropdown-menu {

 980 -   min-width:10pc;

 981 -   padding:5px 0;

 982 -   margin:1px 0 0;

 983 -   font-size:1rem;

 984 -   color:#373a3c;

 985 -   text-align:left;

 986 -   background-clip:padding-box;

 987 -   border:1px solid rgba(0,0,0,.15);

 988 -   border-radius:.25rem;

 989 -   box-shadow:none;

 990 +     min-width: 10pc;

 991 +     padding: 5px 0;

 992 +     margin: 1px 0 0;

 993 +     font-size: 1rem;

 994 +     color: #373a3c;

 995 +     text-align: left;

 996 +     background-clip: padding-box;

 997 +     border: 1px solid rgba(0, 0, 0, .15);

 998 +     border-radius: .25rem;

 999 +     box-shadow: none;

1000   }

1001   

1002   .btn-align {

1003 -   padding: 6px 0;

1004 -   line-height: 1.42857143;

1005 -   vertical-align: middle;

1006 +     padding: 6px 0;

1007 +     line-height: 1.42857143;

1008 +     vertical-align: middle;

1009   }

1010   

1011 - a.nav-link.btn{

1012 -   color:white!important;

1013 + a.nav-link.btn {

1014 +     color: white!important;

1015   }

1016   

1017   .input-sm {

1018 -  height: 28px;

1019 - /*

1020 +     height: 28px;

1021 +     /*

1022    font-size: 10px;

1023   */

1024 -  line-height: 14px;

1025 - }

1026 - 

1027 - .codehilite .hll { background-color: #ffffcc }

1028 - .codehilite  { background: #f8f8f8; }

1029 - .codehilite .c { color: #8f5902; font-style: italic } /* Comment */

1030 - .codehilite .err { color: #a40000; border: 1px solid #ef2929 } /* Error */

1031 - .codehilite .g { color: #000000 } /* Generic */

1032 - .codehilite .k { color: #204a87; font-weight: bold } /* Keyword */

1033 - .codehilite .l { color: #000000 } /* Literal */

1034 - .codehilite .n { color: #000000 } /* Name */

1035 - .codehilite .o { color: #ce5c00; font-weight: bold } /* Operator */

1036 - .codehilite .x { color: #000000 } /* Other */

1037 - .codehilite .p { color: #000000; font-weight: bold } /* Punctuation */

1038 - .codehilite .ch { color: #8f5902; font-style: italic } /* Comment.Hashbang */

1039 - .codehilite .cm { color: #8f5902; font-style: italic } /* Comment.Multiline */

1040 - .codehilite .cp { color: #8f5902; font-style: italic } /* Comment.Preproc */

1041 - .codehilite .cpf { color: #8f5902; font-style: italic } /* Comment.PreprocFile */

1042 - .codehilite .c1 { color: #8f5902; font-style: italic } /* Comment.Single */

1043 - .codehilite .cs { color: #8f5902; font-style: italic } /* Comment.Special */

1044 - .codehilite .gd { color: #a40000 } /* Generic.Deleted */

1045 - .codehilite .ge { color: #000000; font-style: italic } /* Generic.Emph */

1046 - .codehilite .gr { color: #ef2929 } /* Generic.Error */

1047 - .codehilite .gh { color: #000080; font-weight: bold } /* Generic.Heading */

1048 - .codehilite .gi { color: #00A000 } /* Generic.Inserted */

1049 - .codehilite .go { color: #000000; font-style: italic } /* Generic.Output */

1050 - .codehilite .gp { color: #8f5902 } /* Generic.Prompt */

1051 - .codehilite .gs { color: #000000; font-weight: bold } /* Generic.Strong */

1052 - .codehilite .gu { color: #800080; font-weight: bold } /* Generic.Subheading */

1053 - .codehilite .gt { color: #a40000; font-weight: bold } /* Generic.Traceback */

1054 - .codehilite .kc { color: #204a87; font-weight: bold } /* Keyword.Constant */

1055 - .codehilite .kd { color: #204a87; font-weight: bold } /* Keyword.Declaration */

1056 - .codehilite .kn { color: #204a87; font-weight: bold } /* Keyword.Namespace */

1057 - .codehilite .kp { color: #204a87; font-weight: bold } /* Keyword.Pseudo */

1058 - .codehilite .kr { color: #204a87; font-weight: bold } /* Keyword.Reserved */

1059 - .codehilite .kt { color: #204a87; font-weight: bold } /* Keyword.Type */

1060 - .codehilite .ld { color: #000000 } /* Literal.Date */

1061 - .codehilite .m { color: #0000cf; font-weight: bold } /* Literal.Number */

1062 - .codehilite .s { color: #4e9a06 } /* Literal.String */

1063 - .codehilite .na { color: #c4a000 } /* Name.Attribute */

1064 - .codehilite .nb { color: #204a87 } /* Name.Builtin */

1065 - .codehilite .nc { color: #000000 } /* Name.Class */

1066 - .codehilite .no { color: #000000 } /* Name.Constant */

1067 - .codehilite .nd { color: #5c35cc; font-weight: bold } /* Name.Decorator */

1068 - .codehilite .ni { color: #ce5c00 } /* Name.Entity */

1069 - .codehilite .ne { color: #cc0000; font-weight: bold } /* Name.Exception */

1070 - .codehilite .nf { color: #000000 } /* Name.Function */

1071 - .codehilite .nl { color: #f57900 } /* Name.Label */

1072 - .codehilite .nn { color: #000000 } /* Name.Namespace */

1073 - .codehilite .nx { color: #000000 } /* Name.Other */

1074 - .codehilite .py { color: #000000 } /* Name.Property */

1075 - .codehilite .nt { color: #204a87; font-weight: bold } /* Name.Tag */

1076 - .codehilite .nv { color: #000000 } /* Name.Variable */

1077 - .codehilite .ow { color: #204a87; font-weight: bold } /* Operator.Word */

1078 - .codehilite .w { color: #f8f8f8; text-decoration: underline } /* Text.Whitespace */

1079 - .codehilite .mb { color: #0000cf; font-weight: bold } /* Literal.Number.Bin */

1080 - .codehilite .mf { color: #0000cf; font-weight: bold } /* Literal.Number.Float */

1081 - .codehilite .mh { color: #0000cf; font-weight: bold } /* Literal.Number.Hex */

1082 - .codehilite .mi { color: #0000cf; font-weight: bold } /* Literal.Number.Integer */

1083 - .codehilite .mo { color: #0000cf; font-weight: bold } /* Literal.Number.Oct */

1084 - .codehilite .sb { color: #4e9a06 } /* Literal.String.Backtick */

1085 - .codehilite .sc { color: #4e9a06 } /* Literal.String.Char */

1086 - .codehilite .sd { color: #8f5902; font-style: italic } /* Literal.String.Doc */

1087 - .codehilite .s2 { color: #4e9a06 } /* Literal.String.Double */

1088 - .codehilite .se { color: #4e9a06 } /* Literal.String.Escape */

1089 - .codehilite .sh { color: #4e9a06 } /* Literal.String.Heredoc */

1090 - .codehilite .si { color: #4e9a06 } /* Literal.String.Interpol */

1091 - .codehilite .sx { color: #4e9a06 } /* Literal.String.Other */

1092 - .codehilite .sr { color: #4e9a06 } /* Literal.String.Regex */

1093 - .codehilite .s1 { color: #4e9a06 } /* Literal.String.Single */

1094 - .codehilite .ss { color: #4e9a06 } /* Literal.String.Symbol */

1095 - .codehilite .bp { color: #3465a4 } /* Name.Builtin.Pseudo */

1096 - .codehilite .vc { color: #000000 } /* Name.Variable.Class */

1097 - .codehilite .vg { color: #000000 } /* Name.Variable.Global */

1098 - .codehilite .vi { color: #000000 } /* Name.Variable.Instance */

1099 - .codehilite .il { color: #0000cf; font-weight: bold } /* Literal.Number.Integer.Long */

I would prefer to keep this section as is, especially considering the formatting that you are proposing is messing up the comments.

1100 +     line-height: 14px;

1101 + }

1102 + 

1103 + .codehilite .hll {

1104 +     background-color: #ffffcc

1105 + }

1106 + 

1107 + .codehilite {

1108 +     background: #f8f8f8;

1109 + }

1110 + 

1111 + .codehilite .c {

1112 +     color: #8f5902;

1113 +     font-style: italic

1114 + }

1115 + 

1116 + 

1117 + /* Comment */

1118 + 

1119 + .codehilite .err {

1120 +     color: #a40000;

1121 +     border: 1px solid #ef2929

1122 + }

1123 + 

1124 + 

1125 + /* Error */

1126 + 

1127 + .codehilite .g {

1128 +     color: #000000

1129 + }

1130 + 

1131 + 

1132 + /* Generic */

1133 + 

1134 + .codehilite .k {

1135 +     color: #204a87;

1136 +     font-weight: bold

1137 + }

1138 + 

1139 + 

1140 + /* Keyword */

1141 + 

1142 + .codehilite .l {

1143 +     color: #000000

1144 + }

1145 + 

1146 + 

1147 + /* Literal */

1148 + 

1149 + .codehilite .n {

1150 +     color: #000000

1151 + }

1152 + 

1153 + 

1154 + /* Name */

1155 + 

1156 + .codehilite .o {

1157 +     color: #ce5c00;

1158 +     font-weight: bold

1159 + }

1160 + 

1161 + 

1162 + /* Operator */

1163 + 

1164 + .codehilite .x {

1165 +     color: #000000

1166 + }

1167 + 

1168 + 

1169 + /* Other */

1170 + 

1171 + .codehilite .p {

1172 +     color: #000000;

1173 +     font-weight: bold

1174 + }

1175 + 

1176 + 

1177 + /* Punctuation */

1178 + 

1179 + .codehilite .ch {

1180 +     color: #8f5902;

1181 +     font-style: italic

1182 + }

1183 + 

1184 + 

1185 + /* Comment.Hashbang */

1186 + 

1187 + .codehilite .cm {

1188 +     color: #8f5902;

1189 +     font-style: italic

1190 + }

1191 + 

1192 + 

1193 + /* Comment.Multiline */

1194 + 

1195 + .codehilite .cp {

1196 +     color: #8f5902;

1197 +     font-style: italic

1198 + }

1199 + 

1200 + 

1201 + /* Comment.Preproc */

1202 + 

1203 + .codehilite .cpf {

1204 +     color: #8f5902;

1205 +     font-style: italic

1206 + }

1207 + 

1208 + 

1209 + /* Comment.PreprocFile */

1210 + 

1211 + .codehilite .c1 {

1212 +     color: #8f5902;

1213 +     font-style: italic

1214 + }

1215 + 

1216 + 

1217 + /* Comment.Single */

1218 + 

1219 + .codehilite .cs {

1220 +     color: #8f5902;

1221 +     font-style: italic

1222 + }

1223 + 

1224 + 

1225 + /* Comment.Special */

1226 + 

1227 + .codehilite .gd {

1228 +     color: #a40000

1229 + }

1230 + 

1231 + 

1232 + /* Generic.Deleted */

1233 + 

1234 + .codehilite .ge {

1235 +     color: #000000;

1236 +     font-style: italic

1237 + }

1238 + 

1239 + 

1240 + /* Generic.Emph */

1241 + 

1242 + .codehilite .gr {

1243 +     color: #ef2929

1244 + }

1245 + 

1246 + 

1247 + /* Generic.Error */

1248 + 

1249 + .codehilite .gh {

1250 +     color: #000080;

1251 +     font-weight: bold

1252 + }

1253 + 

1254 + 

1255 + /* Generic.Heading */

1256 + 

1257 + .codehilite .gi {

1258 +     color: #00A000

1259 + }

1260 + 

1261 + 

1262 + /* Generic.Inserted */

1263 + 

1264 + .codehilite .go {

1265 +     color: #000000;

1266 +     font-style: italic

1267 + }

1268 + 

1269 + 

1270 + /* Generic.Output */

1271 + 

1272 + .codehilite .gp {

1273 +     color: #8f5902

1274 + }

1275 + 

1276 + 

1277 + /* Generic.Prompt */

1278 + 

1279 + .codehilite .gs {

1280 +     color: #000000;

1281 +     font-weight: bold

1282 + }

1283 + 

1284 + 

1285 + /* Generic.Strong */

1286 + 

1287 + .codehilite .gu {

1288 +     color: #800080;

1289 +     font-weight: bold

1290 + }

1291 + 

1292 + 

1293 + /* Generic.Subheading */

1294 + 

1295 + .codehilite .gt {

1296 +     color: #a40000;

1297 +     font-weight: bold

1298 + }

1299 + 

1300 + 

1301 + /* Generic.Traceback */

1302 + 

1303 + .codehilite .kc {

1304 +     color: #204a87;

1305 +     font-weight: bold

1306 + }

1307 + 

1308 + 

1309 + /* Keyword.Constant */

1310 + 

1311 + .codehilite .kd {

1312 +     color: #204a87;

1313 +     font-weight: bold

1314 + }

1315 + 

1316 + 

1317 + /* Keyword.Declaration */

1318 + 

1319 + .codehilite .kn {

1320 +     color: #204a87;

1321 +     font-weight: bold

1322 + }

1323 + 

1324 + 

1325 + /* Keyword.Namespace */

1326 + 

1327 + .codehilite .kp {

1328 +     color: #204a87;

1329 +     font-weight: bold

1330 + }

1331 + 

1332 + 

1333 + /* Keyword.Pseudo */

1334 + 

1335 + .codehilite .kr {

1336 +     color: #204a87;

1337 +     font-weight: bold

1338 + }

1339 + 

1340 + 

1341 + /* Keyword.Reserved */

1342 + 

1343 + .codehilite .kt {

1344 +     color: #204a87;

1345 +     font-weight: bold

1346 + }

1347 + 

1348 + 

1349 + /* Keyword.Type */

1350 + 

1351 + .codehilite .ld {

1352 +     color: #000000

1353 + }

1354 + 

1355 + 

1356 + /* Literal.Date */

1357 + 

1358 + .codehilite .m {

1359 +     color: #0000cf;

1360 +     font-weight: bold

1361 + }

1362 + 

1363 + 

1364 + /* Literal.Number */

1365 + 

1366 + .codehilite .s {

1367 +     color: #4e9a06

1368 + }

1369 + 

1370 + 

1371 + /* Literal.String */

1372 + 

1373 + .codehilite .na {

1374 +     color: #c4a000

1375 + }

1376 + 

1377 + 

1378 + /* Name.Attribute */

1379 + 

1380 + .codehilite .nb {

1381 +     color: #204a87

1382 + }

1383 + 

1384 + 

1385 + /* Name.Builtin */

1386 + 

1387 + .codehilite .nc {

1388 +     color: #000000

1389 + }

1390 + 

1391 + 

1392 + /* Name.Class */

1393 + 

1394 + .codehilite .no {

1395 +     color: #000000

1396 + }

1397 + 

1398 + 

1399 + /* Name.Constant */

1400 + 

1401 + .codehilite .nd {

1402 +     color: #5c35cc;

1403 +     font-weight: bold

1404 + }

1405 + 

1406 + 

1407 + /* Name.Decorator */

1408 + 

1409 + .codehilite .ni {

1410 +     color: #ce5c00

1411 + }

1412 + 

1413 + 

1414 + /* Name.Entity */

1415 + 

1416 + .codehilite .ne {

1417 +     color: #cc0000;

1418 +     font-weight: bold

1419 + }

1420 + 

1421 + 

1422 + /* Name.Exception */

1423 + 

1424 + .codehilite .nf {

1425 +     color: #000000

1426 + }

1427 + 

1428 + 

1429 + /* Name.Function */

1430 + 

1431 + .codehilite .nl {

1432 +     color: #f57900

1433 + }

1434 + 

1435 + 

1436 + /* Name.Label */

1437 + 

1438 + .codehilite .nn {

1439 +     color: #000000

1440 + }

1441 + 

1442 + 

1443 + /* Name.Namespace */

1444 + 

1445 + .codehilite .nx {

1446 +     color: #000000

1447 + }

1448 + 

1449 + 

1450 + /* Name.Other */

1451 + 

1452 + .codehilite .py {

1453 +     color: #000000

1454 + }

1455 + 

1456 + 

1457 + /* Name.Property */

1458 + 

1459 + .codehilite .nt {

1460 +     color: #204a87;

1461 +     font-weight: bold

1462 + }

1463 + 

1464 + 

1465 + /* Name.Tag */

1466 + 

1467 + .codehilite .nv {

1468 +     color: #000000

1469 + }

1470 + 

1471 + 

1472 + /* Name.Variable */

1473 + 

1474 + .codehilite .ow {

1475 +     color: #204a87;

1476 +     font-weight: bold

1477 + }

1478 + 

1479 + 

1480 + /* Operator.Word */

1481 + 

1482 + .codehilite .w {

1483 +     color: #f8f8f8;

1484 +     text-decoration: underline

1485 + }

1486 + 

1487 + 

1488 + /* Text.Whitespace */

1489 + 

1490 + .codehilite .mb {

1491 +     color: #0000cf;

1492 +     font-weight: bold

1493 + }

1494 + 

1495 + 

1496 + /* Literal.Number.Bin */

1497 + 

1498 + .codehilite .mf {

1499 +     color: #0000cf;

1500 +     font-weight: bold

1501 + }

1502 + 

1503 + 

1504 + /* Literal.Number.Float */

1505 + 

1506 + .codehilite .mh {

1507 +     color: #0000cf;

1508 +     font-weight: bold

1509 + }

1510 + 

1511 + 

1512 + /* Literal.Number.Hex */

1513 + 

1514 + .codehilite .mi {

1515 +     color: #0000cf;

1516 +     font-weight: bold

1517 + }

1518 + 

1519 + 

1520 + /* Literal.Number.Integer */

1521 + 

1522 + .codehilite .mo {

1523 +     color: #0000cf;

1524 +     font-weight: bold

1525 + }

1526 + 

1527 + 

1528 + /* Literal.Number.Oct */

1529 + 

1530 + .codehilite .sb {

1531 +     color: #4e9a06

1532 + }

1533 + 

1534 + 

1535 + /* Literal.String.Backtick */

1536 + 

1537 + .codehilite .sc {

1538 +     color: #4e9a06

1539 + }

1540 + 

1541 + 

1542 + /* Literal.String.Char */

1543 + 

1544 + .codehilite .sd {

1545 +     color: #8f5902;

1546 +     font-style: italic

1547 + }

1548 + 

1549 + 

1550 + /* Literal.String.Doc */

1551 + 

1552 + .codehilite .s2 {

1553 +     color: #4e9a06

1554 + }

1555 + 

1556 + 

1557 + /* Literal.String.Double */

1558 + 

1559 + .codehilite .se {

1560 +     color: #4e9a06

1561 + }

1562 + 

1563 + 

1564 + /* Literal.String.Escape */

1565 + 

1566 + .codehilite .sh {

1567 +     color: #4e9a06

1568 + }

1569 + 

1570 + 

1571 + /* Literal.String.Heredoc */

1572 + 

1573 + .codehilite .si {

1574 +     color: #4e9a06

1575 + }

1576 + 

1577 + 

1578 + /* Literal.String.Interpol */

1579 + 

1580 + .codehilite .sx {

1581 +     color: #4e9a06

1582 + }

1583 + 

1584 + 

1585 + /* Literal.String.Other */

1586 + 

1587 + .codehilite .sr {

1588 +     color: #4e9a06

1589 + }

1590 + 

1591 + 

1592 + /* Literal.String.Regex */

1593 + 

1594 + .codehilite .s1 {

1595 +     color: #4e9a06

1596 + }

1597 + 

1598 + 

1599 + /* Literal.String.Single */

1600 + 

1601 + .codehilite .ss {

1602 +     color: #4e9a06

1603 + }

1604 + 

1605 + 

1606 + /* Literal.String.Symbol */

1607 + 

1608 + .codehilite .bp {

1609 +     color: #3465a4

1610 + }

1611 + 

1612 + 

1613 + /* Name.Builtin.Pseudo */

1614 + 

1615 + .codehilite .vc {

1616 +     color: #000000

1617 + }

1618 + 

1619 + 

1620 + /* Name.Variable.Class */

1621 + 

1622 + .codehilite .vg {

1623 +     color: #000000

1624 + }

1625 + 

1626 + 

1627 + /* Name.Variable.Global */

1628 + 

1629 + .codehilite .vi {

1630 +     color: #000000

1631 + }

1632 + 

1633 + 

1634 + /* Name.Variable.Instance */

1635 + 

1636 + .codehilite .il {

1637 +     color: #0000cf;

1638 +     font-weight: bold

1639 + }

1640 + 

1641 + 

1642 + /* Literal.Number.Integer.Long */ 

1643 \ No newline at end of file
pingou commented on line 1099 of pagure/static/pagure.css.
5 months ago
(Hide)
I would prefer to keep this section as is, especially considering the formatting that you are proposing is messing up the comments.

@smitthakkar96 Hi, good job :)

Can you please split the image preview changes and formatting changes into two separate PRs?

@smitthakkar96 Here's one way you could do it:

  • Create a branch from master, only make changes relevant to the image preview, push it and create a PR.

  • Create another branch from master, only make changes related to formatting, push it and create another PR.

You can ofcourse use this PR for one of those things (and modify the title and details accordingly) but that's entirely up to you :)

Hi there, do you need help w/ anything?

I'm going to close this PR, please reopen it when your changes are ready to be reviewed :)

Thanks!

4 months ago

Pull-Request has been closed by pingou

Changes summary
+1 -0
file changed
+939 -372
file changed