| Current Path : /home/users/unlimited/www/facebook.codeskitter.site/admin-panel/assets/sass/components/ |
| Current File : /home/users/unlimited/www/facebook.codeskitter.site/admin-panel/assets/sass/components/webapp.scss |
.app-block {
height: 100%;
.app-sidebar {
height: 100%;
display: flex;
flex-direction: column;
border-radius: $default-border-radius;
padding-right: 1.5rem;
.list-group {
.list-group-item {
background: none;
padding-right: 0;
padding-left: 0;
&.active {
background: none;
color: $color-primary;
}
}
}
}
.app-sidebar-menu-button {
display: none;
}
.app-content {
display: flex;
flex-direction: column;
height: 100%;
.app-action {
display: flex;
justify-content: space-between;
@extend .card;
padding: 1.5rem;
.action-left, .action-right {
display: flex;
align-items: center;
}
.action-right {
margin-left: 1rem;
flex: 1;
display: flex;
justify-content: space-between;
form {
flex: 1;
}
}
}
.app-content-body {
margin-bottom: 0;
flex: 1;
padding: 0;
position: static;
overflow: hidden;
.app-lists {
height: 100%;
overflow: auto;
background-color: white;
border-radius: $default-border-radius;
ul.list-group {
li.list-group-item {
padding-top: 15px;
padding-bottom: 15px;
background: none;
display: flex;
align-items: center;
& > div:nth-child(1), & > div:nth-child(2), & > div:nth-child(3) {
flex-shrink: 0;
}
&:hover {
cursor: pointer;
background-color: #fafafa;
}
&.active {
background-color: #ebebeb;
.avatar {
border-color: #ebebeb
}
.app-list-title {
color: black;
}
&.task-list {
.app-list-title {
text-decoration: line-through;
@extend .text-success
}
}
}
}
}
}
.app-detail {
margin-bottom: 0;
position: absolute;
right: 0;
top: .50rem;
bottom: 0;
left: 0;
z-index: 2;
opacity: 0;
visibility: hidden;
transition: all .3s;
overflow: hidden;
background-color: white;
border-radius: $default-border-radius;
&.show {
opacity: 1;
visibility: visible;
top: 0;
overflow: auto;
}
.card-header {
display: flex;
align-items: center;
padding: 1.5rem;
border-bottom: $border-style;
.app-detail-action-left {
display: flex;
}
.app-detail-action-right {
margin-left: auto;
}
}
}
}
}
}
#compose, .app-block {
.ql-toolbar.ql-snow {
border: none;
padding: 0;
}
.ql-editor {
min-height: 70px;
}
}
.app-sortable-handle {
cursor: move;
}
.app-file-list {
border: $border-style;
.app-file-icon {
background-color: #f5f5f5;
padding: 2rem;
text-align: center;
font-size: 2rem;
border-bottom: $border-style;
border-top-right-radius: $default-border-radius;
border-top-left-radius: $default-border-radius;
}
&:hover {
border-color: #d7d7d7;
}
}