Necesito eliminar el atributo de estilo de un div

Línea 85 https://github.com/PolymerElements/ app-layout / blob / master / app-toolbar / app-toolbar.html

::content > [condensed-title] {
        pointer-events: none;
        @apply(--layout-flex)*;
      }

* (No quiero aplicar flexbox a [condensed-title] en un componente de cabeza especial que hice)

Línea 133 https://github.com/ PolymerElements / iron-flex-layout / blob / master / iron-flex-layout.html

    --layout-flex: {
  -ms-flex: 1 1 0.000000001px;
  -webkit-flex: 1;
  flex: 1;
  -webkit-flex-basis: 0.000000001px;
  flex-basis: 0.000000001px;
};

Mi código

<app-toolbar>
        <div class="logo-title">
          <iron-icon icon="custom-icons:casinha"></iron-icon>
        </div>
        <div id="outAlert" condensed-title>
          <paper-icon-button icon="card-membership"></paper-icon-button>
        </div>
        <div class="sublogo-title">
          <h4>Sublogo</h4>
        </div>
      </app-toolbar>
0
Jeanderson Cruz Nascimento 30 mar. 2017 a las 22:29

2 respuestas

La mejor respuesta

Resolví el problema usando el siguiente código:

      #outAlert{
        @apply(--layout-flex-none);
      }
0
Jeanderson Cruz Nascimento 31 mar. 2017 a las 15:25

Puedes lograr esto de tres maneras

  • Puede aplicar estilo #outAlert en su elemento y configurar flex: 0. Esto sobrescribirá el estilo del diseño de la aplicación.

    #outerAlert {
        flex: 0;
    }
    
  • Use el estilo en línea para sobrescribir flex y configúrelo en 0

     <div id="outAlert" condensed-title style="flex:0">
    
  • Y, finalmente, sobrescriba el mixin --layout-flex para el app-layout donde no desea que Flex esté allí.

    app-layout {
       --layout-flex: {
          flex: 0; /* You can have any other value also. Not sure if empty mixin will work or not */
       };
    }
    
0
a1626 31 mar. 2017 a las 13:56