#660 Make the cards have rounded corners
Merged 8 years ago by pingou. Opened 8 years ago by sayanchowdhury.
sayanchowdhury/pagure rounded-cards  into  master

file modified
+9 -5
@@ -209,9 +209,9 @@ 

  

  .projecticon-search .oi

  {

- font-size: 2.5rem;

- line-height: 3rem;

- color: #bbb;

+   font-size: 2.5rem;

+   line-height: 3rem;

+   color: #bbb;

  }

  

  .repo_desc
@@ -233,9 +233,12 @@ 

  

  .project_wrapper

  {

- border:1px solid #ddd;

- position:relative;

+   border:1px solid #ddd;

+   position:relative;

+   border-radius: .25rem;

+   overflow: hidden;

  }

+ 

  .project_metadata

  {

  
@@ -244,6 +247,7 @@ 

     width:100%;

    margin-top:2px;

  }

+ 

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

      .container {

          max-width:55pc

no initial comment

This is just a suggestion to make the cards in the Browse section have rounded corners as most of the boxes in Pagure have the rounded corners.

adding the rounded corners in the browse section is a good idea :smile:

just wondering what the other css changes in the diff (other than just adding a border-radius) are for.

The only added line except for the border-radius is overflow: hidden; which sounds safe to me.

The other changes are just indentation change to make things consistent in the file :)

There are some indentation fixes and overflow: hidden because the img tag was overflowing the parent element.

border-radius does not work well with <img>.

Metadata