opt-cc/static/src/app/statistic/campaign/campaign-navigation/campaign-navigation.compone...

45 lines
733 B
CSS

.scroll-btn {
position: absolute;
height: 53px;
width: 32px;
cursor: pointer;
}
.scroll-btn-right {
top: 50px;
left: calc(100vw - 45px);
background: linear-gradient(to right, rgba(255, 255, 255, 0.89), white);
}
.scroll-btn-left {
background: linear-gradient(to right, white, rgba(255, 255, 255, 0.89));
}
.scroll-btn mat-icon {
height:53px
}
.campaign-horizontal-list {
width: 100%;
height: 100%;
display: flex;
margin: 0;
padding: 0;
overflow: hidden;
box-shadow: #dadada 0 1px 5px;
}
.campaign-entry {
border: 1px solid #dadada;
min-width: 20%;
padding: 15px;
text-align: center;
cursor: pointer;
font-size: 16px;
float:left;
}
.campaign-entry:hover {
background: #f9f9f9;
}