Browse Source

deletion of the preview page file because it is no longer used

AlexiCauvin 6 years ago
parent
commit
0b0603871b
1 changed files with 0 additions and 277 deletions
  1. 0 277
      src/css/PagePreview.styl

+ 0 - 277
src/css/PagePreview.styl View File

1
-.wsFilePreview
2
-  width 1200px
3
-  height calc(100% - 85px)
4
-  &__header
5
-    background-color previewColor
6
-    .fa-file-image-o
7
-      color white
8
-  &__option
9
-    &__menu
10
-      display flex
11
-      &__addversion
12
-        padding 8px 15px
13
-        border 1px solid previewColor
14
-        border-radius 5px
15
-        background-color transparent
16
-        color previewColor
17
-        cursor pointer
18
-        & > i
19
-          margin-left 10px
20
-        &:hover
21
-          background-color previewColor
22
-          border none
23
-          color white
24
-  &__contentpage
25
-    display flex
26
-    height 100%
27
-    &__visualizer
28
-      position relative
29
-      margin 10px
30
-      border-radius 10px
31
-      width 70%
32
-      height calc(100% - 150px)
33
-      background-color off-white
34
-      &__sidebar
35
-        position absolute
36
-        top 0
37
-        right 0
38
-        width 50px
39
-        height 100%
40
-        transition width 1s ease
41
-        &__visiblepart
42
-          display flex
43
-          flex-direction column
44
-          align-items center
45
-          border-top-right-radius 10px
46
-          border-bottom-right-radius 10px
47
-          width 50px
48
-          height 100%
49
-          background-color grey
50
-          cursor pointer
51
-          &:hover
52
-            background-color previewColor
53
-          &__icon
54
-            justify-content flex-start
55
-            font-size 30px
56
-            color white
57
-          &__title
58
-            margin-top 45px
59
-            color white
60
-            transform rotate(-90deg)
61
-        &__propertydetail
62
-          display none
63
-      &__dloption
64
-        display flex
65
-        margin-left calc(50% - 50px) // 50px => width/2 of the div
66
-        padding-top 10px
67
-        width 100px
68
-        &__icon
69
-          margin-right 20px
70
-          font-size 20px
71
-          cursor pointer
72
-      &__slidecontainer
73
-        display flex
74
-        align-items center
75
-        width calc(100% - 50px) // 50px => width of sidebar
76
-        height calc(100% - 40px) // 40px => height of dloption
77
-        &__fileimg
78
-          display flex
79
-          padding 30px
80
-          width 100%
81
-          height 100%
82
-          & > img
83
-            max-height 100%
84
-            max-width 100%
85
-        &__chevron
86
-          margin 0 5px
87
-          font-size 20px
88
-          cursor pointer
89
-    .timeline
90
-      margin 10px
91
-      border-radius 10px
92
-      width 45%
93
-      height calc(100% - 150px)
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
111
-          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 previewColor
119
-            & > i
120
-              margin-right 10px
121
-              color dark-grey
122
-              font-size 22px
123
-            &:hover
124
-              background-color lightPreviewColor
125
-            &:focus
126
-              background-color lightPreviewColor
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
145
-              border-color htmlColor
146
-              background-color htmlColor
147
-
148
-/***** SENDER RECEIVER *****/
149
-
150
-.received
151
-  .wsFilePreview__contentpage__messagelist__item__content
152
-      background-color previewColor
153
-
154
-/***** ACTIVE SIDEBAR *****/
155
-
156
-.activesidebar
157
-  .wsFilePreview__contentpage__visualizer
158
-    &__sidebar
159
-      display flex
160
-      border-top-right-radius 10px
161
-      border-bottom-right-radius 10px
162
-      width 500px
163
-      background-color off-white
164
-      &__visiblepart
165
-        order 1
166
-        border-top-left-radius 10px
167
-        border-bottom-left-radius 10px
168
-        border-top-right-radius 0
169
-        border-bottom-right-radius 0
170
-        background-color previewColor
171
-      &__propertydetail
172
-        display flex
173
-        order 2
174
-        padding 20px
175
-        overflow-Y auto
176
-        color previewColor
177
-
178
-/****** MEDIA QUERIES ********/
179
-
180
-@media (min-width: max-xs) and (max-width: max-lg)
181
-
182
-  .wsFilePreview
183
-    overflow-Y auto
184
-    &__contentpage
185
-      display block
186
-      &__visualizer
187
-        display flex
188
-        flex-direction column
189
-        width calc(100% - 30px) // 20px => margin
190
-      .timeline
191
-        width calc(100% - 30px) // 20px => margin
192
-        &__texteditor
193
-          &__simpletext
194
-            display inline-flex
195
-            display ms-inline-flex
196
-            width 60%
197
-          &__submit
198
-            display inline-flex
199
-            display ms-inline-flex
200
-            margin 10px 0
201
-            &__btn
202
-              display flex
203
-              margin-left 35px
204
-              &__icon
205
-                margin-left 15px
206
-
207
-/**** MEDIA 992px & 1199px ****/
208
-
209
-@media (min-width: min-lg) and (max-width: max-lg)
210
-
211
-  .wsFilePreview
212
-    width 900px
213
-    overflow-Y auto
214
-
215
-/******************************/
216
-
217
-/**** MEDIA 768px & 991px ****/
218
-
219
-@media (min-width: min-md) and (max-width: max-md)
220
-
221
-  .wsFilePreview
222
-    width 100%
223
-
224
-/******************************/
225
-
226
-/**** MEDIA 576px & 767px ****/
227
-
228
-@media (min-width: min-sm) and (max-width: max-sm)
229
-
230
-  .wsFilePreview
231
-    top 69px
232
-    width 100%
233
-    height calc(100% - 69px)
234
-    overflow-Y scroll
235
-
236
-/******************************/
237
-
238
-/**** MEDIA 575px ****/
239
-
240
-@media (max-width: max-xs)
241
-
242
-  .activesidebar
243
-    .wsFilePreview__contentpage__visualizer
244
-      &__sidebar
245
-        width 350px
246
-
247
-  .wsFilePreview
248
-    top 69px
249
-    width 100%
250
-    height calc(100% - 69px)
251
-    overflow-Y scroll
252
-    &__option__menu__addversion
253
-        padding 8px 5px
254
-        & > i
255
-          display none
256
-    &__contentpage
257
-      display block
258
-      &__visualizer
259
-        display flex
260
-        flex-direction column
261
-        width calc(100% - 30px) // 20px => margin
262
-      .timeline
263
-        width calc(100% - 30px) // 20px => margin
264
-        &__texteditor
265
-          &__simpletext
266
-            display inline-flex
267
-            display ms-inline-flex
268
-            width 60%
269
-          &__submit
270
-            display inline-flex
271
-            display ms-inline-flex
272
-            margin 10px 0
273
-            &__btn
274
-              display flex
275
-              margin-left 35px
276
-              &__icon
277
-                margin-left 15px