Browse Source

fix of the sidebar's preview's page animation

AlexiCauvin 7 years ago
parent
commit
7f1c0dc7ca
1 changed files with 12 additions and 14 deletions
  1. 12 14
      src/css/File.styl

+ 12 - 14
src/css/File.styl View File

@@ -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