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

Proposed 7 months ago by smitthakkar96
Modified 6 months ago
From forks/smitthakkar96/pagure imageOverflow  into pagure master
file changed

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

  

  

  def ssh_key_validator(form, field):

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

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

          raise wtforms.ValidationError('Invalid SSH keys')

  
file changed

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

- html

- {

-     font-size:14px;

+ html {

+     font-size: 14px;

  }

  

  .right {

-   float: right;

+     float: right;

  }

  

  .disabled a {

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

      color: #808080;

  }

  

- .nav-tabs

- {

-     border-bottom:none;

+ .nav-tabs {

+     border-bottom: none;

  }

  

- .repo-header

- {

-     background:#f3f3f3;

-     border-bottom:1px solid #DDD;

+ .repo-header {

+     background: #f3f3f3;

+     border-bottom: 1px solid #DDD;

  }

  

- 

- .notification-spacer

- {

-     background:#f3f3f3;

+ .notification-spacer {

+     background: #f3f3f3;

  }

  

  .code_table {

      background: #FDF6E3;

      min-width: 100%;

-     display:block;

+     display: block;

      overflow-x: auto;

  }

  

- .code_table tr td{

+ .code_table tr td {

      padding: 0;

  }

  

- .code_table tr td pre{

+ .code_table tr td pre {

      padding: 0;

      margin: 0;

  }

  

- .code_table tr .cell1{

+ .code_table tr .cell1 {

      width: 20px;

      background: #eee8d5;

      -webkit-user-select: none;

      -moz-user-select: none;

      -ms-user-select: none;

      user-select: none;

-     text-align:center;

+     text-align: center;

  }

  

- .code_table tr .cell2{

-     padding-left:15px;

+ .code_table tr .cell2 {

+     padding-left: 15px;

  }

  

  .code_table tr .cell1 a::before {

      content: attr(data-line-number);

-     color:#91a1a1!important;

+     color: #91a1a1!important;

      font-family: Hack;

-     padding-left:3px;

-     padding-right:3px;

+     padding-left: 3px;

+     padding-right: 3px;

  }

  

- .alert-info pre

- {

-     background-color:#CFE5F0;

+ .alert-info pre {

+     background-color: #CFE5F0;

  }

  

- .card-header > .breadcrumb

- {

- padding:0;

- background:none;

- margin-bottom:0;

- display:inline-block;

+ .card-header>.breadcrumb {

+     padding: 0;

+     background: none;

+     margin-bottom: 0;

+     display: inline-block;

  }

  

- .card-header > .breadcrumb .oi

- {

- font-size:0.8rem;

+ .card-header>.breadcrumb .oi {

+     font-size: 0.8rem;

  }

  

- .file-button-bar

- {

- background:#ededed;

- padding: 0.3rem;

+ .file-button-bar {

+     background: #ededed;

+     padding: 0.3rem;

  }

  

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

- {

-     min-width:99%;

+ #issue-title,

+ .stretch-table-column {

+     min-width: 99%;

  }

  

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

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

      padding: 0.2rem 0.55rem;

      font-size: 0.75rem;

      border-radius: 0.2rem;

      line-height: 1.2;

  }

  

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

- {

- white-space: nowrap;

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

+ .nowrap {

+     white-space: nowrap;

  }

  

- #preview

- {

+ #preview {

      min-height: 16rem;

-     background:#efefef;

-     padding:1em;

-     border:1px solid #aaa;

+     background: #efefef;

+     padding: 1em;

+     border: 1px solid #aaa;

  }

  

- .form-control#initial_comment

- {

-   min-height: 16rem;

+ #preview img {

+     max-width: 100%;

  }

  

+ .form-control#initial_comment {

+     min-height: 16rem;

+ }

  

- .issue-metadata-form

- {

-   display:none;

+ .issue-metadata-form {

+     display: none;

  }

  

- .issue-custom-form

- {

-   display:none;

+ .issue-custom-form {

+     display: none;

  }

  

  .milestone-table {

-   width: 100%;

+     width: 100%;

  }

  

  .milestone-table tr td:first-child {

-   width: 100%;

+     width: 100%;

  }

  

- .bodycontent

- {

- min-height: 85vh;

+ .bodycontent {

+     min-height: 85vh;

  }

  

  .oi-spin {

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

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

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

-   animation: spin 2s infinite linear;

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

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

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

+     animation: spin 2s infinite linear;

  }

+ 

  @-moz-keyframes spin {

-   0% {

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

-   }

-   100% {

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

-   }

+     0% {

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

+     }

+     100% {

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

+     }

  }

+ 

  @-webkit-keyframes spin {

-   0% {

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

-   }

-   100% {

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

-   }

+     0% {

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

+     }

+     100% {

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

+     }

  }

+ 

  @-o-keyframes spin {

-   0% {

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

-   }

-   100% {

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

-   }

+     0% {

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

+     }

+     100% {

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

+     }

  }

+ 

  @keyframes spin {

-   0% {

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

-     transform: rotate(0deg);

-   }

-   100% {

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

-     transform: rotate(359deg);

-   }

- }

- .oi

- {

+     0% {

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

+         transform: rotate(0deg);

+     }

+     100% {

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

+         transform: rotate(359deg);

+     }

+ }

+ 

+ .oi {

      position: relative;

      top: 1px;

      font-size: 0.8em;

  }

  

- .pr-toplabel

- {

+ .pr-toplabel {

      background: #eee;

      padding-left: 10px;

      padding-top: 4px;

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

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

      display: inline!important;

      padding: 4px 20px 4px 10px;

-     border:0;

+     border: 0;

      background: #eee;

  }

  

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

- {

- right:6px!important;

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

+     right: 6px!important;

  }

  

- .button-label{

-   padding: .25rem .75rem;

-   font-size: .875rem;

-   line-height: 1.5;

-   border-radius: .2rem;

-   display: inline-block;

-   font-weight: 400;

-   text-align: center;

-   white-space: nowrap;

-   vertical-align: middle;

-   border: 1px solid transparent;

+ .button-label {

+     padding: .25rem .75rem;

+     font-size: .875rem;

+     line-height: 1.5;

+     border-radius: .2rem;

+     display: inline-block;

+     font-weight: 400;

+     text-align: center;

+     white-space: nowrap;

+     vertical-align: middle;

+     border: 1px solid transparent;

  }

  

- .button-label-default

- {

-   background-color:#eee;

+ .button-label-default {

+     background-color: #eee;

  }

  

  .ellipsis {

-   white-space: nowrap;

-   overflow: hidden;

-   text-overflow: ellipsis;

-   text-overflow: ellipsis;

-   text-overflow: ellipsis;

+     white-space: nowrap;

+     overflow: hidden;

+     text-overflow: ellipsis;

+     text-overflow: ellipsis;

+     text-overflow: ellipsis;

  }

  

- .ellipsis-left

- {

-   direction:rtl;

+ .ellipsis-left {

+     direction: rtl;

  }

  

- .projecticon .oi

- {

- font-size: 3.5rem;

- line-height: 5rem;

- padding-left: 0.5rem;

- color: #bbb;

+ .projecticon .oi {

+     font-size: 3.5rem;

+     line-height: 5rem;

+     padding-left: 0.5rem;

+     color: #bbb;

  }

  

- .projecticon-search .oi

- {

-   font-size: 2.5rem;

-   line-height: 3rem;

-   color: #bbb;

+ .projecticon-search .oi {

+     font-size: 2.5rem;

+     line-height: 3rem;

+     color: #bbb;

  }

  

- .repo_desc

- {

-   height:2.5em;

-   line-height:1;

-   padding-left:65px;

+ .repo_desc {

+     height: 2.5em;

+     line-height: 1;

+     padding-left: 65px;

  }

  

- .repo_name

- {

-   padding-top:4px;

-   width: 78%;

-   padding-left: 5px;

-   white-space: nowrap;

-   overflow: hidden;

-   text-overflow: ellipsis;

+ .repo_name {

+     padding-top: 4px;

+     width: 78%;

+     padding-left: 5px;

+     white-space: nowrap;

+     overflow: hidden;

+     text-overflow: ellipsis;

  }

  

- .repo_date

- {

-   background-color: #eee;

-   padding-left: 1.25rem;

-   font-size: 90%;

+ .repo_date {

+     background-color: #eee;

+     padding-left: 1.25rem;

+     font-size: 90%;

  }

  

- .project_wrapper

- {

-   border:1px solid #ddd;

-   position:relative;

-   border-radius: .25rem;

-   overflow: hidden;

+ .project_wrapper {

+     border: 1px solid #ddd;

+     position: relative;

+     border-radius: .25rem;

+     overflow: hidden;

  }

  

- .project_metadata

- {

- 

-    bottom:0;

-    background:#eee;

-    width:100%;

-   margin-top:10px;

+ .project_metadata {

+     bottom: 0;

+     background: #eee;

+     width: 100%;

+     margin-top: 10px;

  }

  

+ 

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

      .container {

          max-width:55pc

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

      color: #d9534f;

  }

  

- .pagination > li {

+ .pagination>li {

      display: inline;

  }

  

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

  }

  

  .prc p {

-     padding:0!important;

-     margin:0!important;

+     padding: 0!important;

+     margin: 0!important;

  }

  

  .prc_img {

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

  .highlighted-line,

  .highlighted-line td,

  .highlighted-line td pre {

-      background-color: #FFFABA;

+     background-color: #FFFABA;

  }

  

  

  /* Added */

+ 

  .nav {

      list-style: outside none none;

  }

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

+ 

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

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

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

      background-color: #337ab7;

      color: #fff;

  }

- .nav > li {

+ 

+ .nav>li {

      display: block;

      position: relative;

  }

- .nav-pills > li {

+ 

+ .nav-pills>li {

      float: left;

  }

- .nav-pills > li > a {

+ 

+ .nav-pills>li>a {

      border-radius: 4px;

  }

- .nav > li > a {

+ 

+ .nav>li>a {

      display: block;

      padding: 10px 15px;

      position: relative;

  }

  

- 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 {

+ 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 {

      content: " ";

      display: table;

  }

- *::after, *::before {

+ 

+ *::after,

+ *::before {

      box-sizing: border-box;

  }

- .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 {

+ 

+ .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 {

      clear: both;

  }

- .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 {

+ 

+ .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 {

      content: " ";

      display: table;

  }

- *::after, *::before {

+ 

+ *::after,

+ *::before {

      box-sizing: border-box;

  }

- .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 {

+ 

+ .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 {

      margin-bottom: 0;

  }

+ 

  .nav {

      list-style: outside none none;

      margin-bottom: 0;

      padding-left: 0;

  }

  

- #pr-tabs

- {

-  border-bottom: 1px solid #ddd;

-  margin-bottom:1.5em;

-  margin-top:2em;

+ #pr-tabs {

+     border-bottom: 1px solid #ddd;

+     margin-bottom: 1.5em;

+     margin-top: 2em;

  }

  

- .commit_message_body

- {

-   font-family: "Open Sans";

-   background: transparent;

-   padding: 0;

+ .commit_message_body {

+     font-family: "Open Sans";

+     background: transparent;

+     padding: 0;

  }

  

- .card pre

- {

- margin-bottom:0;

+ .card pre {

+     margin-bottom: 0;

  }

  

  a.notblue {

      color: inherit;

-     text-decoration:none;

+     text-decoration: none;

  }

  

  a.notblue:hover {

      color: #444;

-     text-decoration:underline;

+     text-decoration: underline;

  }

  

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

- {

-   content: "\e08f";

-   font-family: "Icons";

-   border:none;

-   top:30%;

-   right:22px;

-   color:#aaa;

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

+     content: "\e08f";

+     font-family: "Icons";

+     border: none;

+     top: 30%;

+     right: 22px;

+     color: #aaa;

  }

  

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

+ .footer a,

+ .footer a:hover {

+     color: #d9d9d9;

+ }

  

  #user_graph {

      background-position: center center;

      background-repeat: no-repeat;

      min-height: 150px;

  }

+ 

  .content-loading {

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

      background-position: center center;

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

      min-height: 30px;

  }

  

- .repoinfo-branchlistitem

- {

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

+ .repoinfo-branchlistitem {

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

  }

  

  .branch_name {

-   overflow: hidden;

-   text-overflow: ellipsis;

-   white-space: nowrap;

+     overflow: hidden;

+     text-overflow: ellipsis;

+     white-space: nowrap;

  }

  

  .branch_del {

-   padding: 0px 0px;

-   margin: 0px 0px;

-   text-align: right;

+     padding: 0px 0px;

+     margin: 0px 0px;

+     text-align: right;

  }

  

- .branch_del .label{

-   padding: 0.25em 0.3em;

+ .branch_del .label {

+     padding: 0.25em 0.3em;

  }

  

  .branch_del .del_icon {

-   display:inline;

+     display: inline;

  }

  

- .branch_del .btn-secondary{

-   border: 0px;

-   color: #0275d8;

+ .branch_del .btn-secondary {

+     border: 0px;

+     color: #0275d8;

  }

  

- .repoinfo-activebranch

- {

-   background:#eee;

-   border:1px solid #ccc;

+ .repoinfo-activebranch {

+     background: #eee;

+     border: 1px solid #ccc;

  }

  

  .api code {

-   padding: 0rem 0.4rem;

+     padding: 0rem 0.4rem;

  }

  

  .api h3 {

-   padding-left: 1em;

+     padding-left: 1em;

  }

  

  .addrem_bar {

      display: inline-block;

      width: 100%;

      padding: 0px !important;

-     text-indent:4px;

+     text-indent: 4px;

      text-align: left;

      background-color: #FDD;

  }

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

      background-color: #DBFFDB;

  }

  

- .addrem_bar > span {

+ .addrem_bar>span {

      display: block;

      background-color: #DBFFDB;

  }

  

- .addrem_bar.closed > span {

+ .addrem_bar.closed>span {

      background-color: #FDD;

  }

  

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

      box-shadow: 0 0 5px #999;

  }

  

- pre.softwrap

- {

-   white-space: pre-wrap;

-   word-wrap: break-word;

+ pre.softwrap {

+     white-space: pre-wrap;

+     word-wrap: break-word;

  }

  

  .inline-comments {

-   padding: 1rem 1rem;

-   background-color: white;

-   text-indent:4px;

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

+     padding: 1rem 1rem;

+     background-color: white;

+     text-indent: 4px;

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

  }

  

  .inline-btn {

-   cursor: pointer;

+     cursor: pointer;

  }

  

  blockquote {

-   background: #f3f5f6;

-   color: #586e75;

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

+     background: #f3f5f6;

+     color: #586e75;

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

  }

  

- .messagetitle{

-   border-top: 1px solid #eee;

+ .messagetitle {

+     border-top: 1px solid #eee;

  }

  

- .messageitem{

-   padding-left: 2em;

+ .messageitem {

+     padding-left: 2em;

  }

  

- .messageicon{

-   float: left;

-   font-size: 1.5em;

-   padding-right: 0.5em;

-   margin-top: -4px;

-   color: #999;

+ .messageicon {

+     float: left;

+     font-size: 1.5em;

+     padding-right: 0.5em;

+     margin-top: -4px;

+     color: #999;

  }

- .msg-git-hash{

-   font-family:monospace;

-   background-color:#eee;

-   color:#777;

+ 

+ .msg-git-hash {

+     font-family: monospace;

+     background-color: #eee;

+     color: #777;

  }

  

  th[data-sort] {

-   cursor: pointer;

+     cursor: pointer;

  }

  

- .pr-changes-description

- {

-   font-size: 0.8em;

+ .pr-changes-description {

+     font-size: 0.8em;

  }

  

- .readme dd{

-   margin-left:2em;

+ .readme dd {

+     margin-left: 2em;

  }

  

- .hidden{

-   display: none;

+ .hidden {

+     display: none;

  }

  

- .code_table .cell_commit{

-   padding-left:0.5em;

+ .code_table .cell_commit {

+     padding-left: 0.5em;

  }

  

- 

  #cal-heatmap {

-   padding:0.5em;

+     padding: 0.5em;

  }

  

  .attachment_list p {

-   margin-bottom: 0;

+     margin-bottom: 0;

  }

  

  .btn-group-sm .btn-nopad,

  .btn-nopad {

-   padding: 0rem .375rem!important;

-   margin-left: .5rem !important

+     padding: 0rem .375rem!important;

+     margin-left: .5rem !important

  }

  

+ 

  /*Our specific responsive overrides*/

  

  @media (min-width:544px) {

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

+     .pr_comment_form .card,

+     .inline-pr-comment .card {

+         max-width: 500px

+     }

  }

+ 

  @media (min-width:768px) {

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

+     .pr_comment_form .card,

+     .inline-pr-comment .card {

+         max-width: 400px

+     }

  }

+ 

  @media (min-width:992px) {

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

+     .pr_comment_form .card,

+     .inline-pr-comment .card {

+         max-width: 550px

+     }

  }

+ 

  @media (min-width:1200px) {

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

+     .pr_comment_form .card,

+     .inline-pr-comment .card {

+         max-width: 680px

+     }

  }

  

  #watch_project a {

-   cursor: pointer;

+     cursor: pointer;

  }

  

  #home .dropdown-menu {

-   min-width:10pc;

-   padding:5px 0;

-   margin:1px 0 0;

-   font-size:1rem;

-   color:#373a3c;

-   text-align:left;

-   background-clip:padding-box;

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

-   border-radius:.25rem;

-   box-shadow:none;

+     min-width: 10pc;

+     padding: 5px 0;

+     margin: 1px 0 0;

+     font-size: 1rem;

+     color: #373a3c;

+     text-align: left;

+     background-clip: padding-box;

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

+     border-radius: .25rem;

+     box-shadow: none;

  }

  

  .btn-align {

-   padding: 6px 0;

-   line-height: 1.42857143;

-   vertical-align: middle;

+     padding: 6px 0;

+     line-height: 1.42857143;

+     vertical-align: middle;

  }

  

- a.nav-link.btn{

-   color:white!important;

+ a.nav-link.btn {

+     color: white!important;

  }

  

  .input-sm {

-  height: 28px;

- /*

+     height: 28px;

+     /*

   font-size: 10px;

  */

-  line-height: 14px;

- }

- 

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

- .codehilite  { background: #f8f8f8; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

- .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.

+     line-height: 14px;

+ }

+ 

+ .codehilite .hll {

+     background-color: #ffffcc

+ }

+ 

+ .codehilite {

+     background: #f8f8f8;

+ }

+ 

+ .codehilite .c {

+     color: #8f5902;

+     font-style: italic

+ }

+ 

+ 

+ /* Comment */

+ 

+ .codehilite .err {

+     color: #a40000;

+     border: 1px solid #ef2929

+ }

+ 

+ 

+ /* Error */

+ 

+ .codehilite .g {

+     color: #000000

+ }

+ 

+ 

+ /* Generic */

+ 

+ .codehilite .k {

+     color: #204a87;

+     font-weight: bold

+ }

+ 

+ 

+ /* Keyword */

+ 

+ .codehilite .l {

+     color: #000000

+ }

+ 

+ 

+ /* Literal */

+ 

+ .codehilite .n {

+     color: #000000

+ }

+ 

+ 

+ /* Name */

+ 

+ .codehilite .o {

+     color: #ce5c00;

+     font-weight: bold

+ }

+ 

+ 

+ /* Operator */

+ 

+ .codehilite .x {

+     color: #000000

+ }

+ 

+ 

+ /* Other */

+ 

+ .codehilite .p {

+     color: #000000;

+     font-weight: bold

+ }

+ 

+ 

+ /* Punctuation */

+ 

+ .codehilite .ch {

+     color: #8f5902;

+     font-style: italic

+ }

+ 

+ 

+ /* Comment.Hashbang */

+ 

+ .codehilite .cm {

+     color: #8f5902;

+     font-style: italic

+ }

+ 

+ 

+ /* Comment.Multiline */

+ 

+ .codehilite .cp {

+     color: #8f5902;

+     font-style: italic

+ }

+ 

+ 

+ /* Comment.Preproc */

+ 

+ .codehilite .cpf {

+     color: #8f5902;

+     font-style: italic

+ }

+ 

+ 

+ /* Comment.PreprocFile */

+ 

+ .codehilite .c1 {

+     color: #8f5902;

+     font-style: italic

+ }

+ 

+ 

+ /* Comment.Single */

+ 

+ .codehilite .cs {

+     color: #8f5902;

+     font-style: italic

+ }

+ 

+ 

+ /* Comment.Special */

+ 

+ .codehilite .gd {

+     color: #a40000

+ }

+ 

+ 

+ /* Generic.Deleted */

+ 

+ .codehilite .ge {

+     color: #000000;

+     font-style: italic

+ }

+ 

+ 

+ /* Generic.Emph */

+ 

+ .codehilite .gr {

+     color: #ef2929

+ }

+ 

+ 

+ /* Generic.Error */

+ 

+ .codehilite .gh {

+     color: #000080;

+     font-weight: bold

+ }

+ 

+ 

+ /* Generic.Heading */

+ 

+ .codehilite .gi {

+     color: #00A000

+ }

+ 

+ 

+ /* Generic.Inserted */

+ 

+ .codehilite .go {

+     color: #000000;

+     font-style: italic

+ }

+ 

+ 

+ /* Generic.Output */

+ 

+ .codehilite .gp {

+     color: #8f5902

+ }

+ 

+ 

+ /* Generic.Prompt */

+ 

+ .codehilite .gs {

+     color: #000000;

+     font-weight: bold

+ }

+ 

+ 

+ /* Generic.Strong */

+ 

+ .codehilite .gu {

+     color: #800080;

+     font-weight: bold

+ }

+ 

+ 

+ /* Generic.Subheading */

+ 

+ .codehilite .gt {

+     color: #a40000;

+     font-weight: bold

+ }

+ 

+ 

+ /* Generic.Traceback */

+ 

+ .codehilite .kc {

+     color: #204a87;

+     font-weight: bold

+ }

+ 

+ 

+ /* Keyword.Constant */

+ 

+ .codehilite .kd {

+     color: #204a87;

+     font-weight: bold

+ }

+ 

+ 

+ /* Keyword.Declaration */

+ 

+ .codehilite .kn {

+     color: #204a87;

+     font-weight: bold

+ }

+ 

+ 

+ /* Keyword.Namespace */

+ 

+ .codehilite .kp {

+     color: #204a87;

+     font-weight: bold

+ }

+ 

+ 

+ /* Keyword.Pseudo */

+ 

+ .codehilite .kr {

+     color: #204a87;

+     font-weight: bold

+ }

+ 

+ 

+ /* Keyword.Reserved */

+ 

+ .codehilite .kt {

+     color: #204a87;

+     font-weight: bold

+ }

+ 

+ 

+ /* Keyword.Type */

+ 

+ .codehilite .ld {

+     color: #000000

+ }

+ 

+ 

+ /* Literal.Date */

+ 

+ .codehilite .m {

+     color: #0000cf;

+     font-weight: bold

+ }

+ 

+ 

+ /* Literal.Number */

+ 

+ .codehilite .s {

+     color: #4e9a06

+ }

+ 

+ 

+ /* Literal.String */

+ 

+ .codehilite .na {

+     color: #c4a000

+ }

+ 

+ 

+ /* Name.Attribute */

+ 

+ .codehilite .nb {

+     color: #204a87

+ }

+ 

+ 

+ /* Name.Builtin */

+ 

+ .codehilite .nc {

+     color: #000000

+ }

+ 

+ 

+ /* Name.Class */

+ 

+ .codehilite .no {

+     color: #000000

+ }

+ 

+ 

+ /* Name.Constant */

+ 

+ .codehilite .nd {

+     color: #5c35cc;

+     font-weight: bold

+ }

+ 

+ 

+ /* Name.Decorator */

+ 

+ .codehilite .ni {

+     color: #ce5c00

+ }

+ 

+ 

+ /* Name.Entity */

+ 

+ .codehilite .ne {

+     color: #cc0000;

+     font-weight: bold

+ }

+ 

+ 

+ /* Name.Exception */

+ 

+ .codehilite .nf {

+     color: #000000

+ }

+ 

+ 

+ /* Name.Function */

+ 

+ .codehilite .nl {

+     color: #f57900

+ }

+ 

+ 

+ /* Name.Label */

+ 

+ .codehilite .nn {

+     color: #000000

+ }

+ 

+ 

+ /* Name.Namespace */

+ 

+ .codehilite .nx {

+     color: #000000

+ }

+ 

+ 

+ /* Name.Other */

+ 

+ .codehilite .py {

+     color: #000000

+ }

+ 

+ 

+ /* Name.Property */

+ 

+ .codehilite .nt {

+     color: #204a87;

+     font-weight: bold

+ }

+ 

+ 

+ /* Name.Tag */

+ 

+ .codehilite .nv {

+     color: #000000

+ }

+ 

+ 

+ /* Name.Variable */

+ 

+ .codehilite .ow {

+     color: #204a87;

+     font-weight: bold

+ }

+ 

+ 

+ /* Operator.Word */

+ 

+ .codehilite .w {

+     color: #f8f8f8;

+     text-decoration: underline

+ }

+ 

+ 

+ /* Text.Whitespace */

+ 

+ .codehilite .mb {

+     color: #0000cf;

+     font-weight: bold

+ }

+ 

+ 

+ /* Literal.Number.Bin */

+ 

+ .codehilite .mf {

+     color: #0000cf;

+     font-weight: bold

+ }

+ 

+ 

+ /* Literal.Number.Float */

+ 

+ .codehilite .mh {

+     color: #0000cf;

+     font-weight: bold

+ }

+ 

+ 

+ /* Literal.Number.Hex */

+ 

+ .codehilite .mi {

+     color: #0000cf;

+     font-weight: bold

+ }

+ 

+ 

+ /* Literal.Number.Integer */

+ 

+ .codehilite .mo {

+     color: #0000cf;

+     font-weight: bold

+ }

+ 

+ 

+ /* Literal.Number.Oct */

+ 

+ .codehilite .sb {

+     color: #4e9a06

+ }

+ 

+ 

+ /* Literal.String.Backtick */

+ 

+ .codehilite .sc {

+     color: #4e9a06

+ }

+ 

+ 

+ /* Literal.String.Char */

+ 

+ .codehilite .sd {

+     color: #8f5902;

+     font-style: italic

+ }

+ 

+ 

+ /* Literal.String.Doc */

+ 

+ .codehilite .s2 {

+     color: #4e9a06

+ }

+ 

+ 

+ /* Literal.String.Double */

+ 

+ .codehilite .se {

+     color: #4e9a06

+ }

+ 

+ 

+ /* Literal.String.Escape */

+ 

+ .codehilite .sh {

+     color: #4e9a06

+ }

+ 

+ 

+ /* Literal.String.Heredoc */

+ 

+ .codehilite .si {

+     color: #4e9a06

+ }

+ 

+ 

+ /* Literal.String.Interpol */

+ 

+ .codehilite .sx {

+     color: #4e9a06

+ }

+ 

+ 

+ /* Literal.String.Other */

+ 

+ .codehilite .sr {

+     color: #4e9a06

+ }

+ 

+ 

+ /* Literal.String.Regex */

+ 

+ .codehilite .s1 {

+     color: #4e9a06

+ }

+ 

+ 

+ /* Literal.String.Single */

+ 

+ .codehilite .ss {

+     color: #4e9a06

+ }

+ 

+ 

+ /* Literal.String.Symbol */

+ 

+ .codehilite .bp {

+     color: #3465a4

+ }

+ 

+ 

+ /* Name.Builtin.Pseudo */

+ 

+ .codehilite .vc {

+     color: #000000

+ }

+ 

+ 

+ /* Name.Variable.Class */

+ 

+ .codehilite .vg {

+     color: #000000

+ }

+ 

+ 

+ /* Name.Variable.Global */

+ 

+ .codehilite .vi {

+     color: #000000

+ }

+ 

+ 

+ /* Name.Variable.Instance */

+ 

+ .codehilite .il {

+     color: #0000cf;

+     font-weight: bold

+ }

+ 

+ 

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

\ No newline at end of file
pingou commented on line 1099 of pagure/static/pagure.css.
7 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!

6 months ago

Pull-Request has been closed by pingou

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