|
@@ -32,19 +32,15 @@
|
32
|
32
|
height calc(100% - 150px) // margin + height of header and option
|
33
|
33
|
background-color off-white
|
34
|
34
|
&__sidebar
|
|
35
|
+ display flex
|
35
|
36
|
position absolute
|
36
|
37
|
top 0
|
37
|
38
|
right 0
|
38
|
|
- width 50px
|
39
|
39
|
height 100%
|
40
|
|
- background-color off-white
|
41
|
|
- transition width 0.5s
|
42
|
40
|
&__button
|
43
|
41
|
display flex
|
44
|
42
|
flex-direction column
|
45
|
43
|
align-items center
|
46
|
|
- // border-top-right-radius 10px
|
47
|
|
- // border-bottom-right-radius 10px
|
48
|
44
|
width 50px
|
49
|
45
|
height 100%
|
50
|
46
|
background-color grey
|
|
@@ -60,8 +56,13 @@
|
60
|
56
|
color white
|
61
|
57
|
transform rotate(-90deg)
|
62
|
58
|
&__property
|
63
|
|
- display none
|
|
59
|
+ width 0
|
|
60
|
+ overflow-X hidden
|
|
61
|
+ background-color off-white
|
|
62
|
+ transition width 0.5s
|
64
|
63
|
&__detail
|
|
64
|
+ padding 20px
|
|
65
|
+ width 410px
|
65
|
66
|
&__label
|
66
|
67
|
font-size 18px
|
67
|
68
|
text-decoration underline
|
|
@@ -135,16 +136,11 @@
|
135
|
136
|
.activesidebar
|
136
|
137
|
.wsFileFile__contentpage__preview
|
137
|
138
|
&__sidebar
|
138
|
|
- display flex
|
139
|
139
|
border-radius 0 10px 10px 0
|
140
|
|
- width 500px
|
141
|
|
- background-color off-white
|
142
|
140
|
&__button
|
143
|
|
- // border-radius 10px 0 0 10px
|
144
|
141
|
background-color fileColor
|
145
|
142
|
&__property
|
146
|
|
- display flex
|
147
|
|
- padding 20px
|
|
143
|
+ width 450px
|
148
|
144
|
overflow-Y auto
|
149
|
145
|
color fileColor
|
150
|
146
|
|
|
@@ -216,7 +212,8 @@
|
216
|
212
|
.activesidebar
|
217
|
213
|
.wsFileFile__contentpage__preview
|
218
|
214
|
&__sidebar
|
219
|
|
- width 350px
|
|
215
|
+ &__property
|
|
216
|
+ width 300px
|
220
|
217
|
|
221
|
218
|
.wsFileFile
|
222
|
219
|
top 69px
|
|
@@ -240,11 +237,12 @@
|
240
|
237
|
&__simpletext
|
241
|
238
|
display inline-flex
|
242
|
239
|
width 60%
|
|
240
|
+ margin-right 0
|
243
|
241
|
&__submit
|
244
|
242
|
display inline-flex
|
245
|
243
|
margin 10px 0
|
246
|
244
|
&__btn
|
247
|
245
|
display flex
|
248
|
|
- margin-left 35px
|
|
246
|
+ margin-left 10px
|
249
|
247
|
&__icon
|
250
|
248
|
margin-left 15px
|