Skip to main content
se añadieron 275 caracteres en el cuerpo
Origen Enlace
BCBB
  • 128
  • 10

Intento eliminar un box-shadow de una clase "predeterminada" llamada 'sketch-picker' y estoy fracasando en el intento. La clase viene por default con el componente color-sketch, le agregue 2 botones pero me quedan separadas por una linea que se elimina quitando la propiedad 'box-shadow'. Estoy tratando de eliminarlo pero no lo estoy consiguiendo:

EDITADO: Mas especificamente, esta tomando la clase pero no aplica el 'box-shadow' por que interpreta que tiene mas "jerarquia" la clase 'sketch-picker'.

CSS:

::ng-deep {
    .box .sketch-picker{
        box-shadow: none;
    } 
}

HTML:

<color-sketch class="box"
  [color]="color"
  (onChange)="changeComplete($event)"
></color-sketch>
<div class="color-picker-buttons">
  <ion-button (click)="close()" color="medium" size="small"> {{ 'UTILS.SKIP' | translate }} </ion-button>
  <ion-button (click)="save()" color="primary" size="small"> {{ 'UTILS.SAVE' | translate }} </ion-button>
</div>

CAPTURAS: introducir la descripción de la imagen aquí

introducir la descripción de la imagen aquí

Resuelto: Se agrego !important despues de la propiedad en la clase css. introducir la descripción de la imagen aquí

introducir la descripción de la imagen aquí

Intento eliminar un box-shadow de una clase "predeterminada" llamada 'sketch-picker' y estoy fracasando en el intento. La clase viene por default con el componente color-sketch, le agregue 2 botones pero me quedan separadas por una linea que se elimina quitando la propiedad 'box-shadow'. Estoy tratando de eliminarlo pero no lo estoy consiguiendo:

EDITADO: Mas especificamente, esta tomando la clase pero no aplica el 'box-shadow' por que interpreta que tiene mas "jerarquia" la clase 'sketch-picker'.

CSS:

::ng-deep {
    .box .sketch-picker{
        box-shadow: none;
    } 
}

HTML:

<color-sketch class="box"
  [color]="color"
  (onChange)="changeComplete($event)"
></color-sketch>
<div class="color-picker-buttons">
  <ion-button (click)="close()" color="medium" size="small"> {{ 'UTILS.SKIP' | translate }} </ion-button>
  <ion-button (click)="save()" color="primary" size="small"> {{ 'UTILS.SAVE' | translate }} </ion-button>
</div>

CAPTURAS: introducir la descripción de la imagen aquí

introducir la descripción de la imagen aquí

Intento eliminar un box-shadow de una clase "predeterminada" llamada 'sketch-picker' y estoy fracasando en el intento. La clase viene por default con el componente color-sketch, le agregue 2 botones pero me quedan separadas por una linea que se elimina quitando la propiedad 'box-shadow'. Estoy tratando de eliminarlo pero no lo estoy consiguiendo:

EDITADO: Mas especificamente, esta tomando la clase pero no aplica el 'box-shadow' por que interpreta que tiene mas "jerarquia" la clase 'sketch-picker'.

CSS:

::ng-deep {
    .box .sketch-picker{
        box-shadow: none;
    } 
}

HTML:

<color-sketch class="box"
  [color]="color"
  (onChange)="changeComplete($event)"
></color-sketch>
<div class="color-picker-buttons">
  <ion-button (click)="close()" color="medium" size="small"> {{ 'UTILS.SKIP' | translate }} </ion-button>
  <ion-button (click)="save()" color="primary" size="small"> {{ 'UTILS.SAVE' | translate }} </ion-button>
</div>

CAPTURAS: introducir la descripción de la imagen aquí

introducir la descripción de la imagen aquí

Resuelto: Se agrego !important despues de la propiedad en la clase css. introducir la descripción de la imagen aquí

introducir la descripción de la imagen aquí

se añadieron 157 caracteres en el cuerpo
Origen Enlace
BCBB
  • 128
  • 10

Intento eliminar un box-shadow de una clase "predeterminada" llamada 'sketch-picker' y estoy fracasando en el intento. La clase viene por default con el componente color-sketch, le agregue 2 botones pero me quedan separadas por una linea que se elimina quitando la propiedad 'box-shadow'. Estoy tratando de eliminarlo pero no lo estoy consiguiendo: CSS

EDITADO: Mas especificamente, esta tomando la clase pero no aplica el 'box-shadow' por que interpreta que tiene mas "jerarquia" la clase 'sketch-picker'.

CSS:

::ng-deep {
    .box .sketch-picker{
        box-shadow: none;
    } 
}

HTML:

<color-sketch class="box"
  [color]="color"
  (onChange)="changeComplete($event)"
></color-sketch>
<div class="color-picker-buttons">
  <ion-button (click)="close()" color="medium" size="small"> {{ 'UTILS.SKIP' | translate }} </ion-button>
  <ion-button (click)="save()" color="primary" size="small"> {{ 'UTILS.SAVE' | translate }} </ion-button>
</div>

CAPTURAS: introducir la descripción de la imagen aquí

introducir la descripción de la imagen aquí

Intento eliminar un box-shadow de una clase "predeterminada" llamada 'sketch-picker' y estoy fracasando en el intento. La clase viene por default con el componente color-sketch, le agregue 2 botones pero me quedan separadas por una linea que se elimina quitando la propiedad 'box-shadow'. Estoy tratando de eliminarlo pero no lo estoy consiguiendo: CSS:

::ng-deep {
    .box .sketch-picker{
        box-shadow: none;
    } 
}

HTML:

<color-sketch class="box"
  [color]="color"
  (onChange)="changeComplete($event)"
></color-sketch>
<div class="color-picker-buttons">
  <ion-button (click)="close()" color="medium" size="small"> {{ 'UTILS.SKIP' | translate }} </ion-button>
  <ion-button (click)="save()" color="primary" size="small"> {{ 'UTILS.SAVE' | translate }} </ion-button>
</div>

CAPTURAS: introducir la descripción de la imagen aquí

introducir la descripción de la imagen aquí

Intento eliminar un box-shadow de una clase "predeterminada" llamada 'sketch-picker' y estoy fracasando en el intento. La clase viene por default con el componente color-sketch, le agregue 2 botones pero me quedan separadas por una linea que se elimina quitando la propiedad 'box-shadow'. Estoy tratando de eliminarlo pero no lo estoy consiguiendo:

EDITADO: Mas especificamente, esta tomando la clase pero no aplica el 'box-shadow' por que interpreta que tiene mas "jerarquia" la clase 'sketch-picker'.

CSS:

::ng-deep {
    .box .sketch-picker{
        box-shadow: none;
    } 
}

HTML:

<color-sketch class="box"
  [color]="color"
  (onChange)="changeComplete($event)"
></color-sketch>
<div class="color-picker-buttons">
  <ion-button (click)="close()" color="medium" size="small"> {{ 'UTILS.SKIP' | translate }} </ion-button>
  <ion-button (click)="save()" color="primary" size="small"> {{ 'UTILS.SAVE' | translate }} </ion-button>
</div>

CAPTURAS: introducir la descripción de la imagen aquí

introducir la descripción de la imagen aquí

Origen Enlace
BCBB
  • 128
  • 10

CSS: modificar Estilo predeterminado

Intento eliminar un box-shadow de una clase "predeterminada" llamada 'sketch-picker' y estoy fracasando en el intento. La clase viene por default con el componente color-sketch, le agregue 2 botones pero me quedan separadas por una linea que se elimina quitando la propiedad 'box-shadow'. Estoy tratando de eliminarlo pero no lo estoy consiguiendo: CSS:

::ng-deep {
    .box .sketch-picker{
        box-shadow: none;
    } 
}

HTML:

<color-sketch class="box"
  [color]="color"
  (onChange)="changeComplete($event)"
></color-sketch>
<div class="color-picker-buttons">
  <ion-button (click)="close()" color="medium" size="small"> {{ 'UTILS.SKIP' | translate }} </ion-button>
  <ion-button (click)="save()" color="primary" size="small"> {{ 'UTILS.SAVE' | translate }} </ion-button>
</div>

CAPTURAS: introducir la descripción de la imagen aquí

introducir la descripción de la imagen aquí