Uploaded image for project: 'ZK'
  1. ZK
  2. ZK-5625

inline style on .z-vlayout-inner makes it hard to override

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Unresolved
    • Icon: Normal Normal
    • None
    • 9.6.4
    • None

      Steps to Reproduce

       <vlayout>
            <button/>
            <button/>
            <button/>
        </vlayout>
      
      • a user wants to override padding on .z-vlayout-inner

      Current Result

      It doesn't work without using !important, since there is an inline style.

      <div id="k6bO0" class="z-vlayout">
          <div id="k6bO1-chdex" class="z-vlayout-inner" style="padding-bottom:5px">
              <button type="button" id="k6bO1" class="z-button"></button>
          </div>
          <div id="k6bO2-chdex" class="z-vlayout-inner" style="padding-bottom:5px">
              <button type="button" id="k6bO2" class="z-button"></button>
          </div>
          <div id="k6bO3-chdex" class="z-vlayout-inner" style="">
              <button type="button" id="k6bO3" class="z-button"></button>
          </div>
      </div>
      

      Expected Result

      no inline style

      Debug Information

      • put the inline style into a class or use a different selector like
        		.z-vlayout-inner:not(:last-child) {
        			padding-bottom: 5px;
        		}
        

            Unassigned Unassigned
            hawk hawk
            Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

              Created:
              Updated: