Angular 앱- 4.styling for feedback container

Angular 앱- 4.styling for feedback container

 

각 문제에 대한 피드백에 대한 내용을 추가한다. 

feedback 추가

피드백에 대한 내용과 버튼이 추가된 것을 확인할수 있다.

피드백에 대한 CSS 스타일을 작성한다. 

피스백 스타일이 적용된 내용을 확인한다. 

 

여기서 피드백을 숨기기 위해서 다음 스타일을 추가한다. 

그럼 피드백이 히든으로 되서 화면에서 보이지 않게 된다.  여기서 사용자가 질문에 대한 답을 하게되면 feedback 이 다시 visible 상태로 변경되기 때문에 화면에 보여지게된다. 

여기서 상태가 unanswered -> answered 로 변경되면 피드백이 자동으로 변경된다. 

다시 화면에 나타난다.

 이제 새로운 작업을 위해서 기존의 모든 작업을 옆으로 이동하고 새로운 작업을 준비한다. Question 영역이 왼쪽으로 660 px 이동해서 화면에 아무것도 보이지 않게 된다. 

 

 

끝..