Browse Source

correction of the responsive in progress

AlexiCauvin 6 years ago
parent
commit
963a6eb8a8
1 changed files with 19 additions and 74 deletions
  1. 19 74
      src/css/index.styl

+ 19 - 74
src/css/index.styl View File

9
   color off-white
9
   color off-white
10
 
10
 
11
 .html-documents
11
 .html-documents
12
-  width 1155px
12
+  width 70%
13
   &__header
13
   &__header
14
     background-color htmlColor
14
     background-color htmlColor
15
     &__editionmode
15
     &__editionmode
138
             box-shadow none
138
             box-shadow none
139
 
139
 
140
 
140
 
141
-@media (min-width: max-xs) and (max-width: max-lg)
142
-  .page
141
+@media (min-width: min-sm) and (max-width: max-lg)
142
+  .html-documents
143
     &__contentpage
143
     &__contentpage
144
-      display block
145
-      overflow-Y scroll
144
+      &__content
145
+        margin 10px
146
       &__textnote
146
       &__textnote
147
-        margin-right 10px
148
-        padding 10px 20px
149
-        width auto
150
-        overflow-Y hidden
151
-        &__latestversion
152
-          padding-top 10px
153
-      &__wrapper
154
-        width auto
155
-      &__texteditor
156
-        &__simpletext
157
-          display inline-flex
158
-          width 60%
159
-        &__submit
160
-          display inline-flex
161
-          margin 10px 0
162
-          &__btn
163
-            display flex
164
-            margin-left 35px
165
-            &__icon
166
-              margin-left 15px
167
-
168
-@media (min-width: min-lg) and (max-width: max-lg)
169
-  .page
170
-    width 692px
171
-    &__contentpage__texteditor__simpletext
172
-      margin-left 15px
147
+        margin 0
173
 
148
 
174
 @media (min-width: min-md) and (max-width: max-md)
149
 @media (min-width: min-md) and (max-width: max-md)
175
-  .page
176
-    width 768px
177
-    &__contentpage__texteditor__simpletext
178
-      margin-left 25px
150
+
151
+  .html-documents
152
+    top 68px
179
 
153
 
180
 @media (min-width: min-sm) and (max-width: max-sm)
154
 @media (min-width: min-sm) and (max-width: max-sm)
181
-  .page
182
-    top 69px
183
-    width 576px
184
-    height calc(100% - 69px)
185
-    &__contentpage__texteditor__simpletext
186
-      margin-left 10px
155
+
156
+  .html-documents
157
+    top 68px
158
+    width 100%
187
 
159
 
188
 @media (max-width: max-xs)
160
 @media (max-width: max-xs)
189
-  .page
190
-    top 70px
191
-    height calc(100% - 70px)
161
+
162
+  .html-documents
163
+    top 68px
192
     width 100%
164
     width 100%
193
-    box-shadow none
194
     &__contentpage
165
     &__contentpage
195
-      display block
196
-      overflow-Y scroll
166
+      &__content
167
+        margin 10px
197
       &__textnote
168
       &__textnote
198
-        margin-right 10px
199
-        width auto
200
-        overflow-Y hidden
201
-        font-size 15px
202
-      &__wrapper
203
-        width auto
204
-      &__messagelist
205
-        &__item
206
-          padding 0 35px 20px 30px
207
-        &__version
208
-          &__btn
209
-            font-size 17px
210
-            vertical-align middle
211
-          &__dateversion
212
-            font-size 15px
213
-      &__texteditor
214
-        &__simpletext
215
-          margin 10px 0
216
-          display flex
217
-          width 95%
218
-          margin-left 10px
219
-        &__submit
220
-          &__btn
221
-            display flex
222
-            margin 0 auto
223
-            &__icon
224
-              margin-left 10px
169
+        margin 0