feat/#12 - Listagem de cursos na dashboard

This commit is contained in:
eduardogusmao
2019-10-22 14:54:19 -03:00
parent b953febe54
commit 2d953fdd29
3 changed files with 473 additions and 1 deletions

View File

@@ -277,9 +277,135 @@ section#inicial{
.pagelayout-mydashboard{
#region-main{
border: 0px;
section#list-course{
padding-left: 3px;
#myTabs{
li{
a{
border-radius: 10px 10px 0 0;
border: 1px solid #efefef;
border-bottom: 0px;
padding: 1px 20px 0px 20px;
line-height: 30px;
display: block;
margin-right: 10px;
text-decoration: none;
&.active{
background-color: #dee2e7;
}
}
}
}
.card-body{
padding: 0px;
.card-deck{
.card{
box-shadow: 0px 1px 3px 0px rgba(0,0,0,.1);
margin: 10px 2px 0px 2px;
display: inline-flex;
}
}
}
}
}
}
.dashboard-card-deck:not(.fixed-width-cards) {
@media (min-width: 576px) {
.dashboard-card {
width: calc(50% - #{$card-gutter});
}
}
@media (min-width: 840px) {
.dashboard-card {
width: calc(33.33% - #{$card-gutter});
}
}
@media (min-width: 1100px) {
.dashboard-card {
width: calc(33.33% - #{$card-gutter});
}
}
@media (min-width: 1360px) {
.dashboard-card {
width: calc(33.33% - #{$card-gutter});
}
}
}
#region-main.has-blocks {
.dashboard-card-deck:not(.fixed-width-cards) {
@media (min-width: 1200px) {
.dashboard-card {
width: calc(33.33% - #{$card-gutter});
}
}
@media (min-width: 1470px) {
.dashboard-card {
width: calc(33.33% - #{$card-gutter});
}
}
}
}
body.drawer-open-left {
.dashboard-card-deck:not(.fixed-width-cards) {
@media (min-width: 768px) {
.dashboard-card {
width: calc(100% - #{$card-gutter});
}
}
@media (min-width: 861px) {
.dashboard-card {
width: calc(50% - #{$card-gutter});
}
}
@media (min-width: 1122px) {
.dashboard-card {
width: calc(33.33% - #{$card-gutter});
}
}
@media (min-width: 1381px) {
.dashboard-card {
width: calc(33.33% - #{$card-gutter});
}
}
}
}
body.drawer-open-left #region-main.has-blocks {
.dashboard-card-deck:not(.fixed-width-cards) {
@media (min-width: 1200px) {
.dashboard-card {
width: calc(100% - #{$card-gutter});
}
}
@media (min-width: 1236px) {
.dashboard-card {
width: calc(50% - #{$card-gutter});
}
}
@media (min-width: 1497px) {
.dashboard-card {
width: calc(33.33% - #{$card-gutter});
}
}
}
}
@media (min-width: 1200px) {
#block-region-side-pre {
.dashboard-card-deck:not(.fixed-width-cards) {
margin-left: 0;
margin-right: 0;
.dashboard-card {
width: calc(100% - #{$card-gutter}) !important;
}
}
}
}
/* ################################### CURSO ################################# */
.pagelayout-course{