src/components/templates/Jazzbar/JazzBarSkeletonPage/JazzBarSkeletonPage.scss
@import "scss/constants.scss";
.full-page-container.jazz-bar-container {
padding: 0;
}
.jazz-bar-container {
margin-top: -($spacing--xxl);
height: 100%;
}
.content-container {
display: flex;
flex: 1 1 auto;
padding: 0 0 0 75px;
flex-wrap: wrap;
.navigation-container {
display: flex;
justify-content: space-between;
margin: 0 30px;
}
.flex-container {
display: flex;
}
.scrollable-area {
overflow: auto;
padding: 0 10px;
height: 100%;
overflow: auto;
.at-table {
margin-top: 20px;
}
}
.user-interaction-container {
margin: 20px;
}
.userlist-container {
margin: 10px;
}
.chatbox-wrapper {
display: flex;
height: 700px;
justify-content: center;
}
.chat-button {
height: 50px;
border: none;
margin-left: 10px;
&:active,
&:focus {
// !important is used to overwrite some bootstrap css elements
background: $primary--over !important;
color: $content--under;
}
}
.chevron {
margin-left: 5px;
transition: all 0.5s ease;
&.chat-open {
transform: rotate(180deg);
}
}
}