Commit dfa3792d authored by Dominique Feyer's avatar Dominique Feyer
Browse files

TASK: Fix some polyfil issue and code cleanup

parent 78458976

src/components/button/styles/button.dark.scss

+2 −1
Original line number Diff line number Diff line
@@ -7,7 +7,6 @@ 
  font-weight: 400;

  font-size: $font-size-dark-base;

  line-height: 1.1;

}



  ::slotted(neos-icon) {

    margin-right: $content-margin-small;
@@ -84,3 +83,5 @@ button { 
      opacity: .65;

    }

  }



}

src/components/dropdown-item/styles/dropdown-item.dark.scss

+3 −1
Original line number Diff line number Diff line
@@ -7,7 +7,6 @@ 
  font-weight: 400;

  font-size: $font-size-dark-base;

  line-height: 1.1;

}



  .dropdown-item {

    display: flex;
@@ -35,3 +34,6 @@ 
  .selected-value {



  }

}

src/components/dropdown-item/styles/dropdown-item.scss

+2 −1
Original line number Diff line number Diff line
@@ -4,7 +4,6 @@ 
  @include font-smoothing();



  display: block;

}



  .dropdown-item {

    flex: 1;
@@ -15,3 +14,5 @@ 


    transition: all ease-in 50ms;

  }



}

src/components/dropdown/dropdown.tsx

+9 −8
Original line number Diff line number Diff line
@@ -38,24 +38,25 @@ export class Dropdown { 
    return (

      <div>

        <neos-form-input-wrapper label={this.label}>

          <slot name="metadata"/>

        </neos-form-input-wrapper>

        <div class={this.wrapperClassName()}>

          <a href="#" class="dropdown" onClick={(e) => this.toggle(e)}>

            <div class="icon">

          <slot name="metadata" slot="metadata"/>

          <slot name="before" slot="before"/>

          <div className={this.wrapperClassName()}>

            <a href="#" className="dropdown" onClick={(e) => this.toggle(e)}>

              <div className="icon">

                <neos-icon name="file"/>

              </div>

            <div class="selected-label">{this.activeLabel ? this.activeLabel : this.placeholder}</div>

            <div class="toggle">

              <div className="selected-label">{this.activeLabel ? this.activeLabel : this.placeholder}</div>

              <div className="toggle">

                <neos-button squared theme="transparent">

                  <neos-icon name="chevron-down" type="solid"></neos-icon>

                </neos-button>

              </div>

            </a>

          <div class="dropdown-list">

            <div className="dropdown-list">

              <slot/>

            </div>

          </div>

        </neos-form-input-wrapper>

      </div>

    );

  }

src/components/dropdown/styles/dropdown.dark.scss

+3 −2
Original line number Diff line number Diff line
@@ -7,7 +7,7 @@ 
  font-weight: 400;

  font-size: $font-size-dark-base;

  line-height: 1.1;

}





  .dropdown-wrapper {

    position: relative;
@@ -29,8 +29,8 @@ 
    box-sizing: content-box;

    color: inherit;

    padding: 0 0 0 $content-padding;

  margin: $content-margin-medium 0 $content-margin-small;

    text-decoration: none;

    height: $grid-unit;

  }



  .dropdown-list {
@@ -56,3 +56,4 @@ 
  .selected-value {



  }

}