tao_form 0.2.3 → 1.0.0.beta.1

data/lib/assets/stylesheets/tao/form/shared/fields/moment_picker/_segment_list.scss

@@ -1,93 +0,0 @@
-.tao-moment-picker-segment-list {
-
-  .segment-labels {
-    padding: $moment-picker-segment-labels-padding;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-
-    .segment-label {
-      display: inline-block;
-      border: 1px solid $grey-bg-color;
-      background: $grey-bg-color;
-      color: $grey-color;
-      font-size: $moment-picker-segment-label-font-size;
-      padding: $moment-picker-segment-label-padding;
-      margin: 0 $moment-picker-segment-label-margin;
-      border-radius: $border-radius-s;
-      white-space: nowrap;
-      outline: none;
-
-      .placeholder {
-      }
-
-      .value {
-        display: none;
-      }
-
-      &.active {
-        border-color: $ui-color;
-        background: $white-color;
-        color: $ui-color;
-        cursor: default;
-      }
-
-      &.selected {
-        .placeholder {
-          display: none;
-        }
-
-        .value {
-          display: inline;
-        }
-      }
-    }
-
-    .separator {
-      font-size: $moment-picker-segment-label-font-size;
-      color: $lighter-grey-color;
-      margin: 0 $moment-picker-segment-label-margin / 2;
-    }
-  }
-
-  .segments {
-    .tao-moment-picker-segment {
-      display: none;
-      justify-content: center;
-      align-items: center;
-      position: relative;
-      border-top: 1px solid $border-color;
-
-      &[active] {
-        display: block;
-      }
-
-      .link-prev,
-      .link-next {
-        display: block;
-        width: 2.5rem;
-        height: 2.5rem;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        fill: $light-grey-color;
-        position: absolute;
-        top: $moment-picker-segment-arrow-position-v;
-        outline: none;
-
-        .icon {
-          width: 0.875rem;
-          height: 0.875rem;
-        }
-      }
-
-      .link-next {
-        right: $moment-picker-segment-arrow-position-h;
-      }
-
-      .link-prev {
-        left: $moment-picker-segment-arrow-position-h;
-      }
-    }
-  }
-}

data/lib/assets/stylesheets/tao/form/shared/fields/moment_picker/segments/_date_segment.scss

@@ -1,56 +0,0 @@
-.tao-moment-picker-date-segment {
-  .calendar {
-    .weekdays {
-      display: flex;
-      justify-content: center;
-      align-content: center;
-      flex-wrap: wrap;
-      border-bottom: 1px dotted $border-color;
-
-      .weekday {
-        display: block;
-        width: percentage(1/7);
-        line-height: $moment-picker-segment-item-height;
-        text-align: center;
-        font-size: 0.875rem;
-      }
-    }
-
-    .days {
-      display: flex;
-      justify-content: center;
-      align-content: center;
-      flex-wrap: wrap;
-
-      .day {
-        display: block;
-        width: percentage(1/7);
-        line-height: $moment-picker-segment-item-height;
-        text-align: center;
-        font-size: 0.875rem;
-        border-radius: $border-radius-s;
-        color: $text-color;
-        outline: none;
-
-        &.outside {
-          color: $lighter-grey-color;
-        }
-
-        &.today {
-          color: $orange-color;
-        }
-
-        &.selected {
-          background: $green-bg-color !important;
-          color: $green-color !important;
-        }
-
-        &.disabled {
-          color: $lightest-grey-color;
-          background: none !important;
-          cursor: default;
-        }
-      }
-    }
-  }
-}

data/lib/assets/stylesheets/tao/form/shared/fields/moment_picker/segments/_hour_segment.scss

@@ -1,35 +0,0 @@
-.tao-moment-picker-hour-segment {
-  .hours {
-    .morning-hours,
-    .afternoon-hours {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      flex-wrap: wrap;
-    }
-
-    .morning-hours {
-      padding-bottom: $moment-picker-segment-item-height / 3;
-      border-bottom: 1px dotted $border-color;
-    }
-
-    .afternoon-hours {
-      padding-top: $moment-picker-segment-item-height / 3;
-    }
-
-    .hour {
-      display: block;
-      width: percentage(1/6);
-      line-height: $moment-picker-segment-item-height;
-      text-align: center;
-      font-size: 0.875rem;
-      color: $text-color;
-      outline: none;
-
-      &.selected {
-        background: $green-bg-color;
-        color: $green-color;
-      }
-    }
-  }
-}

data/lib/assets/stylesheets/tao/form/shared/fields/moment_picker/segments/_minute_segment.scss

@@ -1,23 +0,0 @@
-.tao-moment-picker-minute-segment {
-  .minutes {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    flex-wrap: wrap;
-
-    .minute {
-      display: block;
-      width: percentage(1/6);
-      line-height: $moment-picker-segment-item-height;
-      text-align: center;
-      font-size: 0.875rem;
-      color: $text-color;
-      outline: none;
-
-      &.selected {
-        background: $green-bg-color;
-        color: $green-color;
-      }
-    }
-  }
-}

data/lib/assets/stylesheets/tao/form/shared/fields/moment_picker/segments/_month_segment.scss

@@ -1,27 +0,0 @@
-.tao-moment-picker-month-segment {
-  .month-list {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    flex-wrap: wrap;
-
-    .month {
-      display: block;
-      width: percentage(1/4);
-      line-height: $moment-picker-segment-item-height;
-      text-align: center;
-      font-size: 0.875rem;
-      color: $text-color;
-      outline: none;
-
-      &.current {
-        color: $orange-color;
-      }
-
-      &.selected {
-        background: $green-bg-color !important;
-        color: $green-color !important;
-      }
-    }
-  }
-}

data/lib/assets/stylesheets/tao/form/shared/fields/moment_picker/segments/_year_segment.scss

@@ -1,27 +0,0 @@
-.tao-moment-picker-year-segment {
-  .year-list {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    flex-wrap: wrap;
-
-    .year {
-      display: block;
-      width: percentage(1/3);
-      line-height: $moment-picker-segment-item-height;
-      text-align: center;
-      font-size: 0.875rem;
-      color: $text-color;
-      outline: none;
-
-      &.current {
-        color: $orange-color;
-      }
-
-      &.selected {
-        background: $green-bg-color !important;
-        color: $green-color !important;
-      }
-    }
-  }
-}

data/lib/assets/stylesheets/tao/form/shared/fields/select/_list.scss

@@ -1,140 +0,0 @@
-.tao-select-list {
-  background: $white-color;
-
-  .search-input {
-    display: none;
-    flex: 0 0 auto;
-    border-bottom: 1px solid $border-color;
-    align-items: center;
-    justify-content: space-between;
-
-    .icon-wrapper {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      flex: 0 0 auto;
-      width: $select-option-height;
-      height: $select-option-height;
-      fill: $lightest-grey-color;
-    }
-
-    .search-field {
-      display: block;
-      flex: 1 1 auto;
-      width: auto;
-      padding: $select-option-padding;
-      padding-left: 0;
-      font-size: $select-option-font-size;
-      line-height: $select-option-line-height;
-      border: none;
-      outline: none;
-    }
-  }
-
-  &[searchable] {
-    .search-input {
-      display: flex;
-    }
-  }
-
-  .list-wrapper {
-    overflow-y: auto;
-  }
-
-  .options-list {
-    .option {
-      display: flex;
-      flex: 0 0 auto;
-      padding: $select-option-padding;
-      font-size: $select-option-font-size;
-      line-height: $select-option-line-height;
-      border-bottom: 1px solid $light-border-color;
-      justify-content: space-between;
-      align-items: center;
-      cursor: pointer;
-
-      &.highlighted {
-        background: $grey-bg-color;
-      }
-
-      &:last-child {
-        border-bottom: none;
-      }
-
-      &.selected .name {
-        color: $ui-color;
-      }
-
-      .hint {
-        font-size: $font-size-xs;
-        color: $lightest-grey-color;
-      }
-    }
-
-    .optgroup {
-      background: #efefef;
-      padding: 0 1rem;
-      line-height: 1.875rem;
-      color: $lighter-grey-color;
-      font-size: $font-size-xs;
-      font-weight: bold;
-    }
-  }
-
-  .tips,
-  .search-not-found,
-  .remote-no-option,
-  .no-option,
-  .loading-message {
-    display: none;
-    flex: 0 0 auto;
-    height: $select-option-height;
-    padding: $select-option-padding;
-    font-size: $select-option-font-size;
-    line-height: $select-option-line-height;
-    color: $lightest-grey-color;
-    text-align: center;
-  }
-
-  .tips {
-    border-top: 1px solid $border-color;
-  }
-
-  &[empty] {
-    &:not([hidden-size='0']) .remote-no-option {
-      display: block;
-    }
-
-    &[hidden-size='0'] .no-option {
-      display: block;
-    }
-
-    &[searching] {
-      .remote-no-option,
-      .no-option {
-        display: none;
-      }
-
-      .search-not-found{
-        display: block;
-      }
-    }
-  }
-
-  &:not([empty]):not([hidden-size='0']) .tips {
-    display: block;
-  }
-
-  &[loading] {
-    .loading-message {
-      display: block;
-    }
-
-    .tips,
-    .search-not-found,
-    .remote-no-option,
-    .no-option {
-      display: none !important;
-    }
-  }
-}

data/lib/assets/stylesheets/tao/form/shared/fields/select/_multiple_result.scss

@@ -1,50 +0,0 @@
-.tao-multiple-select-result {
-  display: flex;
-  align-items: flex-start;
-  align-content: flex-start;
-  flex-wrap: wrap;
-
-  select {
-    display: none;
-  }
-
-  .selected-item {
-    display: flex;
-    align-items: center;
-    align-content: center;
-    flex: 0 0 auto;
-    padding: $select-item-padding;
-    margin: $select-item-margin;
-    height: $select-item-height;
-    border: 1px solid $grey-bg-color;
-    background: $grey-bg-color;
-    border-radius: $border-radius-s;
-    color: $text-color;
-    font-size: $select-item-font-size;
-    text-decoration: none;
-    outline: none;
-
-    .icon-close {
-      width: 1em;
-      height: 1em;
-      margin: 0 0 0 0.5rem;
-      fill: $lighter-grey-color;
-    }
-
-    .name {
-      line-height: 1.5rem;
-    }
-  }
-
-  &.disabled {
-    .selected-item {
-      cursor: not-allowed;
-      color: $lightest-grey-color;
-
-      .icon-close {
-        cursor: not-allowed;
-        fill: $lightest-grey-color;
-      }
-    }
-  }
-}