Fix some background overflow bleeding
This commit is contained in:
@@ -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;
|
||||||
|
Reference in New Issue
Block a user