jam-cloud/web/app/assets/stylesheets/client/react-components/JamTrackSearchScreen.scss

81 lines
1.4 KiB
SCSS

.JamTrackSearchScreen {
.content-body-scroller {
height:calc(100% - 70px) !important; // 15px top and bottom padding, and 40px used by .controls
padding:15px 30px;
}
// react-select overridse
.Select-menu-outer {
max-height: 400px !important;
}
.Select-menu {
max-height: 400px !important;
}
.controls {
background-color: #4c4c4c;
min-height: 40px;
.autocompleter {
display: inline-block;
min-width: 250px;
width: 33%;
top: 8px;
margin-left: 30px;
}
.search-btn {
margin-left: 15px;
margin-top: 10px;
vertical-align: top;
}
}
.back-to-jamtracks-home {
font-weight: normal;
margin-right: 2px;
margin-top: 6px;
font-size:12px;
float:right;
}
.jamtrack-results-header {
margin-top:10px;
}
.artist-results {
div {
margin-bottom:5px;
}
a {
color:#fc0;
}
a.show-hide-artists {
margin-top:10px;
font-size:11px;
}
margin-bottom:30px;
}
.details-arrow.arrow-down{
margin:0;
color:#fc0;
display:inline-block;
float:none;
border-top: 4px solid #fc0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
}
.details-arrow.arrow-up{
margin:0;
color:#fc0;
display:inline-block;
float:none;
border-bottom: 4px solid #fc0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
}
}