FM / views

/home/techb158/dev.balacoffee.com/resources/src/assets/styles/sass/globals/views/

/home/techb158/dev.balacoffee.com/resources/src/assets/styles/sass/globals/views

Name	Size	Mode	Actions
_404.scss	409	0644	edit dl rm
_accordion.scss	226	0644	edit dl rm
_b4.borders.scss	1369	0644	edit dl rm
_b4.display.scss	475	0644	edit dl rm
_basic-action-bar.scss	61	0644	edit dl rm
_bootstrap-tab.scss	346	0644	edit dl rm
_collapsible.scss	1434	0644	edit dl rm
_data-tables.scss	1765	0644	edit dl rm
_dropdown.scss	264	0644	edit dl rm
_form-mega-option.scss	0	0644	edit dl rm
_inbox.scss	2701	0644	edit dl rm
_input-groups.scss	174	0644	edit dl rm
_invoice.scss	799	0644	edit dl rm
_landing.scss	9432	0644	edit dl rm
_line-tab.scss	0	0644	edit dl rm
_multi-column-forms.scss	1073	0644	edit dl rm
_pos.scss	3036	0644	edit dl rm
_product-detail.scss	682	0644	edit dl rm
_session.scss	894	0644	edit dl rm
_user-profile.scss	2271	0644	edit dl rm
_views.scss	542	0644	edit dl rm
_weather-card.scss	1833	0644	edit dl rm
_widget-app.scss	2278	0644	edit dl rm
_widget-card.scss	2866	0644	edit dl rm
_widget-list.scss	10628	0644	edit dl rm
_widgets-statistics.scss	459	0644	edit dl rm

Edit: /home/techb158/dev.balacoffee.com/resources/src/assets/styles/sass/globals/views/_data-tables.scss (1765B)

.list-horizontal {
    .list-item {
        .list-thumb {
            img {
                height: 74px;
                object-fit: cover;
            }
        }
        .item-title {
            white-space: nowrap !important;
            overflow: hidden !important;
            text-overflow: ellipsis !important;
        }
        a {
            color: $foreground
        }
    }
}
.list-grid {
    .list-item {
        .list-thumb {
            img {
                width: 100%;
                height: 180px;
                object-fit: cover;
            }
        }
        .card-body {
            display: block !important;
        }
        .item-title {
            white-space: nowrap !important;
            overflow: hidden !important;
            text-overflow: ellipsis !important;
            max-width: 300px;
        }
        a {
            color: $foreground
        }
        .item-badges, 
        .item-actions {
            position: absolute;
            top: 16px;
        }
        .item-actions {
            right: 16px;
            
        }
        .item-badges {
            left: 16px;
        }
        .item-select {
            display: none;
        }
    }
}

@media (max-width: 991px) {
    .list-horizontal {
        .list-item {
            .list-thumb {
                img {
                    height: 100%;
                    width: 100px;
                }
            }
            .item-title {
                max-width: 200px;
            }
        }
    }
}

@media (max-width: 576px) {
    .list-horizontal {
        .list-item {
            .item-title {
                max-width: 150px;
            }
        }
    }
}

.list-horizontal { .list-item { .list-thumb { img { height: 74px; object-fit: cover; } } .item-title { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } a { color: $foreground } } } .list-grid { .list-item { .list-thumb { img { width: 100%; height: 180px; object-fit: cover; } } .card-body { display: block !important; } .item-title { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; max-width: 300px; } a { color: $foreground } .item-badges, .item-actions { position: absolute; top: 16px; } .item-actions { right: 16px; } .item-badges { left: 16px; } .item-select { display: none; } } } @media (max-width: 991px) { .list-horizontal { .list-item { .list-thumb { img { height: 100%; width: 100px; } } .item-title { max-width: 200px; } } } } @media (max-width: 576px) { .list-horizontal { .list-item { .item-title { max-width: 150px; } } } }