Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    [Angular] Problema SCSS globale

    ciao!

    io ho questo scss che messo dentro home.component.scss:
    codice:
    :host ::ng-deep {
        .p-datatable-responsive-demo .p-datatable-tbody > tr > td .p-column-title {
            display: none;
        }
    }
    
    @media screen and (max-width: 40rem) {
        :host ::ng-deep {
            .p-datatable {
                &.p-datatable-responsive-demo {
                    .p-datatable-thead > tr > th,
                    .p-datatable-tfoot > tr > td {
                        display: none !important;
                    }
    
                    .p-datatable-tbody > tr > td {
                        text-align: left;
                        display: block;
                        width: 100%;
                        float: left;
                        clear: left;
                        border: 0 none;
    
                        .p-column-title {
                            padding: .4rem;
                            min-width: 30%;
                            display: inline-block;
                            margin: -.4em 1em -.4em -.4rem;
                            font-weight: bold;
                        }
    
                        &:last-child {
                            border-bottom: 1px solid var(--surface-d);
                        }
                    }
                }
            }
        }
    }
    funziona, ma io avrei necessità di metterlo a livello globale.
    nel senso che questo snippet mi serve anche in altri componenti.
    però se lo metto in app.code.component.scss non funziona.
    dove dovrei metterlo??

  2. #2
    Utente di HTML.it
    Registrato dal
    Apr 2011
    residenza
    Arezzo
    Messaggi
    188
    Dovresti metterlo nello style globale, senza però :host{....}, non bovrebbe servirti nemmeno ::ng-deep
    Riccardo Sadocchi
    Microsoft MCP C#

  3. #3
    ciao!

    avevo provato nello style globale, ma con :hoste e ::ng-deep.

    provo senza!

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.