Skip to content

Commit

Permalink
Removed the hover effect from card-pet, it's better for users to see …
Browse files Browse the repository at this point in the history
…the status of the pet without the need to move the mouse over each one
  • Loading branch information
dirtycoder committed Jul 23, 2016
1 parent 61f998f commit d1fbf4a
Showing 1 changed file with 1 addition and 31 deletions.
32 changes: 1 addition & 31 deletions pets/static/css/pets.css
Expand Up @@ -239,36 +239,6 @@ body {
overflow: hidden;
}

@media (min-width: 768px) {
.card-pet {
overflow: hidden;
}

.thumbnail {
border: 0;
padding: 0;
margin: 0;
position: relative;
}

.card-pet .caption {
background-color: #333;
background-color: rgba(51, 51, 51, .85);
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
bottom: 0;
color: #fff;
opacity: 0;
position: absolute;
transition: all .5s;
width: 100%;
}

.card-pet:hover .caption {
opacity: 1;
}
}

li.active {
font-weight: 700;
}
Expand Down Expand Up @@ -348,7 +318,7 @@ li.active {

.found-or-adopted > h2 {
position: absolute;
bottom: 23%;
bottom: 33%;
left: 0;
width: 100%;
}
Expand Down

0 comments on commit d1fbf4a

Please sign in to comment.