|
@@ -86,64 +86,65 @@
|
86
|
86
|
margin 0 5px
|
87
|
87
|
font-size 20px
|
88
|
88
|
cursor pointer
|
89
|
|
- .timeline
|
|
89
|
+ &__wrapper
|
90
|
90
|
margin 10px
|
91
|
91
|
border-radius 10px
|
92
|
92
|
width 45%
|
93
|
93
|
height calc(100% - 150px)
|
94
|
94
|
background-color off-white
|
95
|
|
- overflow scroll
|
96
|
|
- &__header
|
97
|
|
- border-top-left-radius 10px
|
98
|
|
- border-top-right-radius 10px
|
99
|
|
- padding 10px 0
|
100
|
|
- text-align center
|
101
|
|
- font-size 20px
|
102
|
|
- color dark-grey
|
103
|
|
- background-color grey-hover
|
104
|
|
- &__messagelist
|
105
|
|
- min-height 300px
|
106
|
|
- &__item
|
107
|
|
- &__content
|
108
|
|
- color dark-grey
|
109
|
|
- &__version
|
110
|
|
- margin-top 40px
|
|
95
|
+ overflow-Y auto
|
|
96
|
+ .timeline
|
|
97
|
+ &__header
|
|
98
|
+ border-top-left-radius 10px
|
|
99
|
+ border-top-right-radius 10px
|
|
100
|
+ padding 10px 0
|
|
101
|
+ text-align center
|
|
102
|
+ font-size 20px
|
|
103
|
+ color dark-grey
|
111
|
104
|
background-color grey-hover
|
112
|
|
- &__btn
|
113
|
|
- padding 5px 25px
|
114
|
|
- border-radius 5px
|
115
|
|
- width 145px
|
116
|
|
- color white
|
117
|
|
- font-size 17px
|
118
|
|
- background-color fileColor
|
119
|
|
- & > i
|
120
|
|
- margin-right 10px
|
|
105
|
+ &__messagelist
|
|
106
|
+ min-height 300px
|
|
107
|
+ &__item
|
|
108
|
+ &__content
|
121
|
109
|
color dark-grey
|
122
|
|
- font-size 22px
|
123
|
|
- &:hover
|
124
|
|
- background-color lightFileColor
|
125
|
|
- &:focus
|
126
|
|
- background-color lightFileColor
|
127
|
|
- &__date
|
128
|
|
- color fontColor
|
129
|
|
- font-size 17px
|
130
|
|
- &__texteditor
|
131
|
|
- &__simpletext
|
132
|
|
- &__input
|
133
|
|
- &:focus
|
134
|
|
- color htmlColor
|
135
|
|
- border-color htmlColor
|
136
|
|
- &__submit
|
137
|
|
- &__btn
|
138
|
|
- border-color htmlColor
|
139
|
|
- background-color htmlColor
|
140
|
|
- color white
|
141
|
|
- &:hover
|
142
|
|
- border-color htmlColor
|
143
|
|
- background-color htmlColor
|
144
|
|
- &:focus
|
|
110
|
+ &__version
|
|
111
|
+ margin-top 40px
|
|
112
|
+ background-color grey-hover
|
|
113
|
+ &__btn
|
|
114
|
+ padding 5px 25px
|
|
115
|
+ border-radius 5px
|
|
116
|
+ width 145px
|
|
117
|
+ color white
|
|
118
|
+ font-size 17px
|
|
119
|
+ background-color fileColor
|
|
120
|
+ & > i
|
|
121
|
+ margin-right 10px
|
|
122
|
+ color dark-grey
|
|
123
|
+ font-size 22px
|
|
124
|
+ &:hover
|
|
125
|
+ background-color lightFileColor
|
|
126
|
+ &:focus
|
|
127
|
+ background-color lightFileColor
|
|
128
|
+ &__date
|
|
129
|
+ color fontColor
|
|
130
|
+ font-size 17px
|
|
131
|
+ &__texteditor
|
|
132
|
+ &__simpletext
|
|
133
|
+ &__input
|
|
134
|
+ &:focus
|
|
135
|
+ color htmlColor
|
|
136
|
+ border-color htmlColor
|
|
137
|
+ &__submit
|
|
138
|
+ &__btn
|
145
|
139
|
border-color htmlColor
|
146
|
140
|
background-color htmlColor
|
|
141
|
+ color white
|
|
142
|
+ &:hover
|
|
143
|
+ border-color htmlColor
|
|
144
|
+ background-color htmlColor
|
|
145
|
+ &:focus
|
|
146
|
+ border-color htmlColor
|
|
147
|
+ background-color htmlColor
|
147
|
148
|
|
148
|
149
|
/***** SENDER RECEIVER *****/
|
149
|
150
|
|