Logbook 2020 February 26

1 hours

Controls adjust the time interval

Meanwhile, citing two single-time controls, will make two uncoordinated controls

2 hours

Maximum Minimum required time controls

Extreme changes will cause minute range. Similarly Minutes 3 Minutes when interlocking involving rollers.

However, minutes and seconds separated ignore the problem when design. Now have to cause the linkage effects can not be based on.

There is no effective temporary solution

3 hours

This is a temporary adjustment to the controls.

Today's focus when FORM TABLE layout.

4 wherein the speed control medium and small mini mid 35px height corresponding to the height settings are routine.

SCSS adjustment and control functions TABLE not known whether complete, need further confirmation.

FORM layout of the main field type a Japanese style

4 hours

FORM four sizes to adjust the default / medium / small / mini

Draw on previous experience: you are careful adjustments, the individual control; rather than a unified class general management of all controls;

Otherwise, after the detachment FORM, individual control SIZE can have unintended consequences;

The SASS file size class to set up a unified unified management

$default-height: 40px;
$medium-height: 35px;
$small-height: 32px;
$mini-height: 28px;

$default-fs: 14px;
$medium-fs: 14px;
$small-fs: 13px;
$mini-fs: 12px;

Next, size of the control by one control adjustment;

5 hours

INPUT TEXT-AREA resizing.

Clear button accidentally discovered by following the overall size, height change because of changes in the size of the vertical position is not fixed.;

Meanwhile, the method of extracting a common clear button;

SELECT half changed;

6 hours

SELECT assignment problems occur after changes

Values of the parameters needed to clear button and SELECT provided does not match.

Increase the number of types of difference between $ .type () and out of uniform value

  set value(value) {
    if (value === '' || value === undefined) {
      this.value = []
    } else if ($.type(value) === 'array') {
      this._value = value
      this.update(value)
    } else if ($.type(value) === 'string') {
      if (value.includes(',')) {
        this.value = value.split(',')
      } else {
        this.value = []
      }
    } else if ($.type(value) === 'number') {
      this.value = [value]
    }
  }

7 hours

SELECT multiple choice / radio corrections finish

Upper and lower shells shells block according to the vertical height selects the parent.

Multi-select input height will vary TAGS increases and higher

The width of the container varies according to the needs TAGS INPUT length change, the position of the main clear button to let out

8 hours

Date control adjustment is completed did not encounter any difficulties;

input .find ( '. lt-input') input should be used, and lt-input filter (when the same level)

Large double date control changes did not change the need to add new was completed CASS

Sass the $ symbol can be operation

.input-size--medium {
  font-size: $medium-fs;
  .input__inner {
    height: $medium-height;
    line-height: $medium-height;
  }
  .input__icon {
    line-height: $medium-height;
  }
  &.range-editor {
    &.input__inner {
      height: $medium-height;
      line-height: $medium-height;
      .range-input {
        font-size: $medium-fs;
      }
      .range__icon,
      .range-separator {
        line-height: $medium-height - 8px;
      }
    }
  }
}

9 hours

Time control / time control style double debugged. And date similar

radio / checkbox control style adjustment

There is a dilemma phenomenon in use: radio control's name has two groups of the same name in a hidden switch back and forth when a show

Will make two groups considered to be a

Before treatment are: a set of radio outside the jacket

Logbook 2020-02-26