Browse Source

fixe architecture of file page

AlexiCauvin 7 years ago
parent
commit
dc24168f0f
1 changed files with 50 additions and 49 deletions
  1. 50 49
      src/css/File.styl

+ 50 - 49
src/css/File.styl View File

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