Fix some background overflow bleeding

This commit is contained in:
JonnyWong16 2017-10-30 23:46:59 -07:00
parent 6a39201961
commit 7714ecc7dd

View file

@ -645,6 +645,20 @@ a .users-poster-face:hover {
padding: 0px; padding: 0px;
-webkit-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out; transition: all .2s ease-in-out;
overflow: hidden;
}
.dashboard-activity-background-overlay {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
height: 235px;
width: 100%;
padding: 5px;
overflow: hidden;
-webkit-box-shadow: 0 0 4px rgba(0,0,0,.3), inset 0 0 0 1px rgba(255,255,255,.1);
-moz-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1);
box-shadow: 0 0 4px rgba(0,0,0,.3), inset 0 0 0 1px rgba(255,255,255,.1);
} }
.dashboard-activity-background { .dashboard-activity-background {
background-color: #282828; background-color: #282828;
@ -667,19 +681,6 @@ a .users-poster-face:hover {
backface-visibility: hidden; backface-visibility: hidden;
z-index: -1; z-index: -1;
} }
.dashboard-activity-background-overlay {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
height: 235px;
width: 100%;
padding: 5px;
overflow: hidden;
-webkit-box-shadow: 0 0 4px rgba(0,0,0,.3), inset 0 0 0 1px rgba(255,255,255,.1);
-moz-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1);
box-shadow: 0 0 4px rgba(0,0,0,.3), inset 0 0 0 1px rgba(255,255,255,.1);
}
.dashboard-activity-poster { .dashboard-activity-poster {
background-position: center; background-position: center;
background-size: cover; background-size: cover;
@ -814,12 +815,10 @@ a .users-poster-face:hover {
.dashboard-activity-progress { .dashboard-activity-progress {
width: 100%; width: 100%;
height: 5px; height: 5px;
border-radius: 0px 0px 3px 3px;
-webkit-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out; transition: all .2s ease-in-out;
transform-origin: top; transform-origin: top;
position: absolute; overflow: hidden;
top: 235px;
} }
.dashboard-activity-progress-bar { .dashboard-activity-progress-bar {
background-color: #111; background-color: #111;